Membuat Jam Dan Kalender Blogger

Membuat Jam Dan Kalender Blogger

Kenapa aku kasih judul postingan Membuat Jam Dan Kalender Blogger? Karena kita akan menciptakan jam dan kalender di blog tanpa tunjangan 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 arahan cari arahan berikut (gunakan Ctrl+F untuk mempermudah pencarian):

    ]]></b:skin>

Setelah arahan tadi Anda ketemukan, copas arahan di bawah ini sempurna DI ATAS arahan 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, lalu copas arahan 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 arahan #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...

Sumber https://www.kompiajaib.com/

Share this post