99க்கு மாறணுமா?

கோவை சந்திப்பில் முகுந்த ராஜ் தமிழ்99 முறையில் தமிழ்த் தட்டச்சு செய்வதாகக் குறிப்பிட்டிருந்தார்.

1. தமிழ்99 முறைக்கு மாறுவதால் என்ன பயன்?
   
   • எல்லா தமிழ் எழுத்துக்களுக்கும், shift விசை பயன்படுத்தாமலேயே அடிக்கலாம்.
   • உயிர் எழுத்துக்களுக்கும் அகரம் ஏறிய மெய் எழுத்துகளுக்கும் ஒரே விசை.
   • உயிர் மெய் எழுத்துகளுக்கு மெய் - உயிர் என்று இரண்டு விசைகள். ்
   • தமிழில் அதிகமாகப் புழங்கும் எழுத்துக்கள் வலிமை வாய்ந்த விரல்கள் இயக்கும் விசைகளாகவும் மற்றவை வெளி விரல்களின் விசைகளாகவும் வடிவமைப்பு.
   இவற்றால் விரல்களுக்குக் களைப்பு குறையும்.
   
   
2. பழகி விட்ட அனிச்சை செயலை ஏன் மாற்ற வேண்டும்?
   
   பழைய முறையில் தமிழ் எழுத்துக்களை ஆங்கில எழுத்துக்களாக மனதில் மாற்றி அடிக்கிறோம்.
   
   க என்றால் k விசையைப் பயன்படுத்த வேண்டும் என்று மனதில் இணைத்து ஆங்கில தட்டச்சுப் பழக்கத்துக்குத் தாவி விரலை kக்குச் செலுத்தி தட்டச்சுகிறோம். இதனால் பல வீணான அசைவுகள் தேவைப்படுகின்றன.
   
   
3. மாற்றினால் பழைய அஞ்சல் முறை போல வேகம் கிடைக்குமா?
   
   எழுத்துக்களுக்கும் விசைகளுக்குமான தொடர்பு அனிச்சையாக வர ஆரம்பித்து விட்டால் வேகம் கிடைக்கும். மிதி வண்டி ஓட்டுவது போல அனிச்சை இயக்கம் கை கூடும் வரை வேகம் வாய்க்காது. ஒவ்வொரு எழுத்துக்கும், எந்த விசை என்று நிதானித்து அடிக்க வேண்டியிருக்கும்.
   
   
4. இதைப் பழகுவதால் ஆங்கில தட்டச்சு வேகம் பாதிக்கப்படுமா?
   
   பாதிக்காது என்று உறுதியாகவே சொல்லலாம். கூடுதல் ஒரு மொழியில் புலமை பெறுவதால் ஏற்கனவே அறிந்த மொழிகள் மறந்து விடாதது போல தமிழ் தட்டச்சால் ஆங்கிலத் தட்டச்சு மறந்து போய் விடாதுதான்.
   
   அஞ்சல் முறையில் பழகியிருக்கும் விரல் அசைவுகள் மறந்து போய் விடும். எல்லா உள்ளீட்டு முறைகளிலிலும் தமிழ்99 முறையும் சேர்ந்தே கிடைப்பதால், அதனால் எந்த இழப்பும் இல்லை.
   
   
5. யார் யாருக்கு முயற்சி செய்து மாறுவது பலனுள்ளதாக இருக்கும்?
   
   புதிதாகத் தமிழில் எழுத ஆரம்பிக்கும் அனைவரும் இந்த முறையில் பழகுவது பயனளிக்கும்.
   
   என்னதான் ஆங்கில வழித் தட்டச்சு முறையான அஞ்சல் உள்ளீட்டுக்குப் புதிதாக எதுவும் கற்க வேண்டாம் என்று சொன்னாலும் நடைமுறையில் பல புதிய விசைக் கோர்வைகளை தெரிந்து கொள்ள வேண்டியிருக்கத்தான் செய்கிறது.
   
   தமிழில் கணிசமான அளவு எழுதும் எல்லோருக்கும் மாற்றம் பலனளிக்கும். மாறுவது குறித்து பரிசீலிக்கலாம்.
   
   
6. ஏற்கனவே அஞ்சல் முறையில் வேகமாக அடிக்கக் கூடியவர்கள் மாறுவதற்கு எவ்வளவு சிரமமாக இருக்கும்?
   
   நிறையவே சிரமம்தான். க என்றால் k விசையைப் பயன்படுத்த வேண்டும் என்று மனதில் இணைத்து ஆங்கில தட்டச்சுப் பழக்கத்துக்குத் தாவி விரலை kக்குச் செலுத்தும் அனிச்சை மாறி
   க என்றால் அதற்கான விசையை (ஆங்கில H) அடிக்க வேண்டும் என்று பழகுவது வரை சிரமமாக இருக்கும்.
   
   பழைய முறையில் எவ்வளவுக்கெவ்வளவு தேர்ச்சி அதிகமோ அவ்வளவுக்கவ்வளவு மாற்றத்துக்கு நேரம் பிடிக்கும்.
   

தமிழ்99 விசைப்பலகை அமைப்பு

தமிழ்99 குறித்து ரவிசங்கரின் பேட்டி.

தமிழ்99 பயிற்சி நிகழ்படம்

மைக்ரோசப்டு வேர்டில் தமிழ் உள்ளீடு

மைக்ரோசாப்டு வேர்டில் எ-கலப்பையைப் பாவித்து எழுதும் போது கட்டம் கட்டமாக வருவதாக கோவை பதிவர் பட்டறையில் வித்யா தீர்வு கேட்டிருந்தார். இன்று வாடிக்கையாளர் ஒருவர் கணினியில் அதே பிரச்சனையைச் சந்தித்தேன்.

விண்டோசு XPயின் லதா எழுத்துருவை மாற்றி, எ-கலப்பை தரும் எழுத்துருவை அமைத்துக் கொண்டால் சரியாக தெரிந்தது. முயன்று பாருங்கள் வித்யா.

ஒலிப்பதிவு இடுவது எப்படி?

கணினியில் ஒலிப்பதிவு செய்து வலைப்பதிவில் இடுவது எப்படி?

Wordpress X Blogger

வேர்ட்ப்ரெஸ் X ப்ளாகர்

Calendar Archive ன் தோற்றத்தை மாற்றலாமா ! ! !

Phydeaux3 ன் calendar archive ஐ பதிவில் எப்படி சேர்க்கலாம்ன்னு முந்தைய பதிவிலே சொன்னேன்...அய்யோ...சாமீ... எக்கசக்க code இருக்கே... இதை இணைக்கப் போய் உள்ளதும் போச்சுன்னு ஆயிடக்கூடாதே..னு கவலைப்பட வேண்டாம்...அதுக்கு தான் முன்-ஜாகிரதை முனுசாமி சொல்லியிருக்கர் வார்ப்புருவின் நகலை பத்திர படுத்தணும்ன்னு...

நான் இதை 3 பதிவிலே இணைச்சு.. ஒழுங்கா வேலை செய்யுதான்னு பார்த்து தான் உங்களுக்கு சொல்லறேன்..என்னை பொறுத்த மட்டில்.. இந்த widget ஒவ்வொருவர் பதிவிலயும் இருக்க வேண்டிய ஒண்ணு..

Standartd Styles உங்கள் பதிவின் தோற்றத்திற்கு தோதா இருக்க வாய்ப்பில்லை..அதனாலே இப்போ அதை உங்க பதிவின் தோற்றத்துக்கு ஏற்றார் போல் எப்படி வடிவமைக்கலாம் ன்னு சொல்ல போறேன்

/* Calendar
----------------------------------------------- */
/* div that holds calendar */
#blogger_calendar
{
margin:5px 0 0 0;
width:98%;
}

/* Table Caption - Holds the Archive Select Menu */
#bcaption
{border:1px solid #fff;
padding:2px;
margin:10px 0 0;
}

/* The Archive Select Menu */
#bcaption select
{
}

/* The Heading Section */
table#bcalendar thead
{
}

/* Head Entries */
table#bcalendar thead tr th
{
width:20px;
text-align:center;
padding:2px;
border:1px solid #fff;
font-family:Tahoma;
font-weight:normal;
color:#fff;
}

/* The calendar Table */
table#bcalendar
{border:1px solid #fff;
border-top:0;
margin:0px 0 0px;width:95%;
}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;
padding:2px;
border:1px solid #fff;
color:#fff;
}

/* Links in Calendar */
table#bcalendar tbody tr td a
{
font-weight:bold;
}

/* First Row Empty Cells */
td.firstCell
{
visibility:visible;
}

/* Cells that have a day in them */
td.filledCell
{
}

/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}

/* Cells with a Link Entry in them */
td.highlightCell
{
background:#FFFF99;
border:1px outset #000
}

/* Table Footer Navigation */
table#bcNavigation
{width:95%;}

table#bcNavigation a
{text-decoration:none;
}

td#bcFootPrev
{width:10px;
}

td#bcFootAll
{text-align:center;
}

td#bcFootNext
{width:10px;
}

ul#calendarUl {
margin:5px auto 0!important;
}

ul#calendarUl li {

font-size:110%;
margin-left:0;
margin-right:0;
margin-top:3px;
margin-bottom:0;
padding-left:35px;
padding-right:0;
padding-top:0;
padding-bottom:0

}
ul#calendarUl li a
{
}

வார்ப்புருவைச் சேமித்துப் பார்க்கவும்.. இந்த கட்டத்தில்.. எந்தவித பிழைகளும் (error) இருக்காது

சாதாரணமா..calendar ன் backgroubd-color & Text-color ஐ உங்கள் பதிவின் நிறத்துக்கு தோதா மாற்றி அமைச்சாலே...பார்க்க அருமையா இருக்கும்... இதொண்ணும் கஷ்டமில்லை...

MS Paint ன் உதவியால் உங்களுக்கு விருப்பமுள்ள நிறத்தின் RGB அளவை குறிப்பெடுத்துக்கொள்ளவும்
எப்பிடின்னு தெரியாதவங்க கீழே இருக்கும் படத்தை சொடுக்கவும்


1. இனிமேல் calendar ல் எந்தெந்த code எந்தெந்த பகுதியை குறிக்கும்ன்னு படத்தை பார்த்து ஒருவிதமா தெரிஞ்சுக்கலாம்




td.highlightCell பதிவுகள் இருக்கும் நாளை வித்தியாசப்படுத்தி காட்டும்

td.filledCell பதிவுகள் இல்லாத நாள்

table#bcalendar thead tr thகிழமைகளை குறிக்கும்

ul#calendarUl li பதிவுகளை பட்டியலிட்டு காட்டும் விதம்



2. எந்த பகுதியின் பின்னணி நிறத்தை மாற்றணும் விருமபுறீங்களோ.. சம்பந்தபட்ட code ல் இந்த code ஐ சேர்க்கவும்

background-color: rgb(230,255,255);


3. இங்கே RGB க்கு நீங்கள் Paint லிருந்து குறித்து வைத்திருக்கும் நிறத்தின் எண்களை கொடுக்கவேண்டும்


4. எழுத்தின் நிறத்தை மாற்ற color:rgb(29,99,34) ன்னு கொடுக்கலாம்

பண்ணி பாருங்க..இது கண்டிப்பா உங்க பதிவின் தோற்றத்தை இன்னும் அழகுப்படுத்தும்

நாட்காட்டிக்குள் பதிவின் தொகுப்புகள்

Blogger நம் முந்தைய பதிவுகளை பத்திரப்படுத்தி.. அதை மற்றவர்களுடன் பங்கிட்டு கொள்ள Blogger Archive ன்னு ஒரு widget ம் குடுத்திருக்கு...

நம்ம பதிவுக்கு வந்திருக்கும் வாசகருக்கு..." இந்தாப்பா... என் பதிவிலே.. இன்னென்ன இடுகை எல்லாம் இருக்கு... உனக்கு நேரமும் பொறுமையும் இருந்தா..Archive (தொகுப்பு) ஐ சொடுக்கிப் பார்த்துக்கோ.."... ன்னு சொல்லுவது மாதிரி இருக்கு... என்னமோ ஒரு குறை இருப்பது போல் இருந்தது..இந்த கருத்து என்னைப் போல் பலருக்கும் இருந்தது..

நாங்க அடிக்கடி இதை குறித்து பேசுவோம்...இப்போ அதுக்கெல்லாம் ஒரு விடிவுகாலம் வந்தாச்சு

Phydeaux3 ன் முயற்ச்சியால் இப்போ. நமக்கு மேம்படுத்த பட்ட தொகுப்பு இதோ.Phydeaux3 ---- BLOG ARCHIVE CALENDAR ..Working Example Plain style - Blue - Maroon

அவர் சொல்லியிருக்கும் செய்முறை விளக்கம்..உங்களுக்காக..( எனக்கு தெரிஞ்ச தமிழில்)

செய்முறை விளக்கம்
வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திக் கொள்ளவும்.இதுவே வார்ப்புருவின் தாரக-மந்திரம்

PHASE :- 1

1. உங்கள் Blogger > Dashboard > Settings > Formatting ல் பார்த்து வந்தால் Timezone Setting தெரியும்..
   

உங்களது TIME ZONE ஐ கண்டிப்பாக குறித்துக் கொள்ளவும் (..இங்கே ..TimeZone = -08)
PHASE :- 2

2. கீழே இருப்பதை...தெரிவு செய்து Ctrl + C என copy மட்டும் செய்யவும்

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='toggle' var='interval'>
<!-- Toggle not needed for Calendar -->
</b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>
<!-- Table Header -->
<thead id='bcHead'></thead>
<!-- Table Footer -->

<!-- Table Body -->
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'></td>
<td id='bcFootAll'></td>
<td id='bcFootNext'></td>
</tr></table>

<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>

</div>

<script type='text/javascript'> initCal();</script>

</b:includable>
<b:includable id='posts' var='posts'>
<!-- posts not needed for Calendar -->
</b:includable>
<b:includable id='menu' var='data'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='interval' var='intervalData'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
</b:widget>

3. TEMPLATE - EDIT HTML -
   கவனிக்கவும்:-EXPAND WIDGET --- ல் tick இருக்க கூடாது


4. Template ல் கீழே சுட்டி காட்டியிருக்கும் வாக்கியத்தை மட்டும் அப்பிடியே தெரிவு செய்யவும்


<b:widget id='NewsBar1' locked='false' title='' type='NewsBar'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>


5. தெரிவு செய்த பிறகு.. Ctrl + V பயன்படுத்தி paste செய்யவும்


6. இனி வார்ப்புருவை சேமிக்கவும்


PHASE :- 3

7. உங்கள் வார்ப்புருவில் சுட்டிக் காட்டியிருக்கும் code ஐ கண்டுபிடிக்கவும்

<!-- Blogger Archive Calendar -->
<script type='text/javascript'>
//<![CDATA[

var bcLoadingImage = "http://www2.blogger.com/img/spinner_white.gif";
var bcLoadingMessage = " Loading....";
var bcArchiveNavText = "View Archive";
var bcArchiveNavPrev = '&#9668;';
var bcArchiveNavNext = '&#9658;';
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];

// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();

//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
document.getElementById('calLoadingStatus').style.display = 'block';
document.getElementById('calendarDisplay').innerHTML = '';
}
function closeStatus(){
document.getElementById('calLoadingStatus').style.display = 'none';
}
function bcLoadStatus(){
cls = document.getElementById('calLoadingStatus');
img = document.createElement('img');
img.src = bcLoadingImage;
img.style.verticalAlign = 'middle';
cls.appendChild(img);
txt = document.createTextNode(bcLoadingMessage);
cls.appendChild(txt);
}
function callArchive(mth,yr,nav){
// Check for Leap Years
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
calMonth = mth;
calYear = yr;
if(mth.charAt(0) == 0){
calMonth = mth.substring(1);
}
callmth = mth;
bcNavAll = document.getElementById('bcFootAll');
bcNavPrev = document.getElementById('bcFootPrev');
bcNavNext = document.getElementById('bcFootNext');
bcSelect = document.getElementById('bcSelection');
a = document.createElement('a');
at = document.createTextNode(bcArchiveNavText);
a.href = bcNav[nav];
a.appendChild(at);
bcNavAll.innerHTML = '';
bcNavAll.appendChild(a);
bcNavPrev.innerHTML = '';
bcNavNext.innerHTML = '';
if(nav < bcNav.length -1){
a = document.createElement('a');
a.innerHTML = bcArchiveNavPrev;
bcp = parseInt(nav,10) + 1;
a.href = bcNav[bcp];
a.title = 'Previous Archive';
prevSplit = bcList[bcp].split(',');
a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
bcNavPrev.appendChild(a);
}
if(nav > 0){
a = document.createElement('a');
a.innerHTML = bcArchiveNavNext;
bcn = parseInt(nav,10) - 1;
a.href = bcNav[bcn];
a.title = 'Next Archive';
nextSplit = bcList[bcn].split(',');
a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
bcNavNext.appendChild(a);
}
script = document.createElement('script');
script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
document.getElementsByTagName('head')[0].appendChild(script);
}

function cReadArchive(root){
// Check for Leap Years
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
closeStatus();
document.getElementById('lastRow').style.display = 'none';
calDis = document.getElementById('calendarDisplay');
var feed = root.feed;
var total = feed.openSearch$totalResults.$t;
var entries = feed.entry || [];
var fillDate = new Array();
var fillTitles = new Array();
fillTitles.length = 32;
var ul = document.createElement('ul');
ul.id = 'calendarUl';
for (var i = 0; i < feed.entry.length; ++i) {
var entry = feed.entry[i];
var link = entry.link[0].href;
var title = entry.title.$t;
var author = entry.author[0].name.$t;
var date = entry.published.$t;
var summary = entry.summary.$t;
isPublished = date.split('T')[0].split('-')[2];
if(isPublished.charAt(0) == '0'){
isPublished = isPublished.substring(1);
}
fillDate.push(isPublished);
if (fillTitles[isPublished]){
fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
}
else {
fillTitles[isPublished] = title;
}
li = document.createElement('li');
li.style.listType = 'none';
li.innerHTML = '<a href="'+link+'">'+title+'</a>';
ul.appendChild(li);

}
calDis.appendChild(ul);
var val1 = parseInt(calDay, 10)
var valxx = parseInt(calMonth, 10);
var val2 = valxx - 1;
var val3 = parseInt(calYear, 10);
var firstCalDay = new Date(val3,val2,1);
var val0 = firstCalDay.getDay();
startIndex = val0 + 1;
var dayCount = 1;
for (x =1; x < 38; x++){
var cell = document.getElementById('cell'+x);
if( x < startIndex){
cell.innerHTML = ' ';
cell.className = 'firstCell';
}
if( x >= startIndex){
cell.innerHTML = dayCount;
cell.className = 'filledCell';
for(p = 0; p < fillDate.length; p++){
if(dayCount == fillDate[p]){
if(fillDate[p].length == 1){
fillURL = '0'+fillDate[p];
}
else {
fillURL = fillDate[p];
}
cell.className = 'highlightCell';
cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
}
}
if( dayCount > fill[valxx]){
cell.innerHTML = ' ';
cell.className = 'emptyCell';
}
dayCount++;
}
}
visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
if(visTotal >35){
document.getElementById('lastRow').style.display = '';
}
}

function initCal(){
document.getElementById('blogger_calendar').style.display = 'block';
var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
document.getElementById('bloggerCalendarList').style.display = 'none';
calHead = document.getElementById('bcHead');
tr = document.createElement('tr');
for(t = 0; t < 7; t++){
th = document.createElement('th');
th.abbr = headDays[t];
scope = 'col';
th.title = headDays[t];
th.innerHTML = headInitial[t];
tr.appendChild(th);
}
calHead.appendChild(tr);
for (x = 0; x <bcInit.length;x++){
var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
var stripMonth = bcInit[x].href.split('_')[1];
bcList.push(stripMonth + ','+ stripYear + ',' + x);
bcNav.push(bcInit[x].href);
}
var sel = document.createElement('select');
sel.id = 'bcSelection';
sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
q = 0;
for (r = 0; r <bcList.length; r++){
var selText = bcInit[r].innerHTML;
var selCount = bcCount[r].innerHTML.split('> (')[1];
var selValue = bcList[r];
sel.options[q] = new Option(selText + ' ('+selCount,selValue);
q++
}
document.getElementById('bcaption').appendChild(sel);
var m = bcList[0].split(',')[0];
var y = bcList[0].split(',')[1];
callArchive(m,y,'0');
}

function timezoneSet(root){
var feed = root.feed;
var updated = feed.updated.$t;
var id = feed.id.$t;
bcBlogId = id.split('blog-')[1];
upLength = updated.length;
if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
else {timeOffset = updated.substring(upLength-6,upLength);}
timeOffset = encodeURIComponent(timeOffset);
}

//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script>
<!-- End Blogger Archive Calendar -->

8. Template ஐ save செய்யவும்

PHASE :- 4 ..இங்கே சற்று கவனம் தேவை

9. Phase-1 ல் நீங்கள் உங்கள் Time-Zone ஐ குறிப்பெடுத்து வைச்சதை பக்கத்தில் எடுத்து வைச்சுக்கோங்க
   • சற்று முன் paste செய்த code ல் உள்ள முதல் code ஐ கவனிக்கவும்
   
   
   var timeOffset = "+00";
   
   இதை உங்கள் time Zone க்கு ஏற்ப மாற்ற வேண்டும்
   
   
   

   உங்கள் time Zone	மாற்றி எழுதவும்
   -08	var timeOffset = "-08";
   +08	var timeOffset = "%2B08";

   
   
   • சிலரது Time Zone ல் +05.45 ன்னு இரூகும்..அதை நான் +05 ன்னு தான் எண்ண வேண்டும் :: .35 ::ஐ script ஏற்று கொள்ளாது

இனிமேல்..இது தேவைப்படாது...உங்கள் பதிவில் உள்ள timeZone ஐ தானாவே.. calendar க்கு தெரியும்....மேலே சொல்லியிருக்கும் code ஐ 1-2 முறை சரி பார்த்துக் கொள்ளுங்கள்

10. வார்ப்புருவை சேமிக்கவும்

PHASE :- 5 ..

11. உங்கள் Template > Page Elements > Blog Archive எப்போதுமே FLAT LIST தான் இருக்க வேண்டும்


12. வார்ப்புருவை சேமித்துப் பின் உங்கள் பதிவை உலாவியில் பார்க்கவும்


13. நீங்கள் பார்க்கும் calender archive மிகவும் எளிமையான தோற்றம் கோண்டது...இதை அழகு படுத்த விரும்பினால்..கீழே சில calender-style ஐ பார்க்கலாம்

PLAIN	BLUE
MAROON

PLAIN - http://deepa7476.googlepages.com/PlainWhite.css
BLUE - http://deepa7476.googlepages.com/Blue.css
mAROON - http://deepa7476.googlepages.com/Maroon_white.css

14. உங்களுக்கு மிகவும் தோதாக இருக்கும் style ன் URL ஐ
    
    <link rel='stylesheet' type='text/css' href='URL of the .css file'/>
    என எழுதி வார்ப்புருவில் </head> க்கு மேலே இணைக்கவும்

இல்லை... இது எதுவுமே செரியா இல்லை...நீங்ளே இந்த calender archive ன் தோற்றத்தை வடிவமைக்க வேண்டும்ன்னா...அதுக்கும் வழி இருக்கு... அதை எப்பிடி செய்யணும்ன்னு அடுத்த பதிவிலே சொல்லறேன்