Tutoria drop down + calender archive.

Sebenarnya, just untuk diri sendiri.. Senang nak rujuk tak de lah nak terjah2 kat Pak Cik Google kan? Haha. Tapi kalau nak try pon.. APe salahnye.. :)

dropdown menu cam ira punye yang ade tulis coretan lepas kat side bar tu.. kalau korang tekan nanty ade isi dia kan? hehe

Calender pulak camni

 

1. Dashboard --> Template

2. copy code bawah ni untuk dropdown menu

<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"
style="background-color:#BDDEAD; color:#080808; font-family: Comic Sans MS; width: 130px;">
<option value="/">- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURLgt;"><$BlogArchiveNamegt;</option>
</BloggerArchives>
<option value="/">Current Posts</option></select>

3.Paste kat bawah bahagian sidebar ye? 

 Untuk template biase :

1. Dahboard --> design --> edit html-->tick expand widget 

2. search code ni

<h2 class="sidebar-title">Archives</h2><ul class="archive-list"><BloggerArchives><li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>

3. Tukar code tadi ngan code 

<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"
style="background-color:#BDDEAD; color:#080808; font-family: Comic Sans MS; width: 130px;">
<option value="/">- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURLgt;"><$BlogArchiveNamegt;</option>
</BloggerArchives>
<option value="/">Current Posts</option></select>

code biru = warna tulisan

code pink = warna background

 Finally.. preview n kalau 0k.. save template ye..

For Calender pulak 

Blogskin =

1. Dahboard --> Template

2. copy code kat bawah di tempat sidebar

<div id="blogCalendar"></div><script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script><script type="text/javascript">Calendar.base="urlblog.blogspot.com";Calendar.timeZone="+08:00";Calendar.timeZoneCheck = true;Calendar.drawTable();</script><style></style>

For Template=

1. Dashboard --> design --> add a gadget--> Html/javascript

2.Copy & Paste code di bawah 

<div id="blogCalendar"></div><script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script><script type="text/javascript">Calendar.base="urlblog.blogspot.com";Calendar.timeZone="+08:00";Calendar.timeZoneCheck = true;Calendar.drawTable();</script><style></style>

Code highlight kuning tu,sila letak Url korang :D

Finally preview n jangan lupa save..