Membuat Jam Dan Kalender Blogger

Membuat Jam Dan Kalender Blogger

Kenapa aku kasih judul postingan Membuat Jam Dan Kalender Blogger? Karena kita akan membuat jam dan kalender di blog tanpa santunan pihak ketiga. Sehingga widget jam dan kalender ini tidak memberatkan loading blog. 

Langsung saja ke tutorial Membuat Jam Dan Kalender Blogger:

1. Masuk ke Dashboard >> Template >> Edit HTML >> Centang Expand Widget Templates. Cari instruksi cari instruksi berikut (gunakan Ctrl+F untuk mempermudah pencarian):

    ]]></b:skin>

Setelah instruksi tadi Anda ketemukan, copas instruksi di bawah ini sempurna DI ATAS instruksi tadi:

 .jamkalenderkompiajaib {border: 0px;
 padding: 5px;
 background: none;}
 .jamkalenderkompiajaib a {background:none;}
 img.float-right {margin: 5px 0px 0 10px;}
 img.float-left {margin: 5px 10px 0 0px;}

Setelah itu simpan templatenya.

2. Masih di dashboard >> Tata Letak >> Add a Gadget >> Pilih HTML/JavaScript, kemudian copas instruksi di bawah ini:

 <table><tr><td> 
 <div class='jamkalenderkompiajaib'><div style='font-family:arial; color:#FFFFFF;font-size:12px;text-transform:none;'>
     <script type="text/javascript">
     window.setTimeout("jam()",1000);
     function jam() {
     var tanggal = new Date();
     setTimeout("jam()",1000);
     document.getElementById("kompiajaibclock").innerHTML=tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
     }
     </script>
     <strong><div id="kompiajaibclock"></div></strong></div></div></td>
 <td><div class='jamkalenderkompiajaib'>
 <div style='font-family:arial; color:#FFFFFF;font-size:12px;text-transform:none;'>
     <script type="text/javascript">
     var mydate=new Date()
     var year=mydate.getYear()
     if (year < 1000)
     year+=1900
     var day=mydate.getDay()
     var month=mydate.getMonth()
     var daym=mydate.getDate()
     if (daym<10)
     daym="0"+daym
     var dayarray=new
     Array("Minggu","Senin","Tuesday","Rabu","Kamis","Jumat","Sabtu")
     var montharray=new
     Array("January","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
     document.write("<b>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</b>")
     </script></div></div></td><td></td></tr></table>

Untuk instruksi #FFFFFF silahkan ganti dan sesuaikan dengan template blog Anda. Itu untuk warna goresan pena jam dan kalendernya yang akan tampil di blog Anda.

Setelah itu silahkan save dan lihat hasilnya.

Demikian sharing Membuat Jam Dan Kalender Blogger kali ini mudah-mudahan bermanfaat...