23 Desember 2010

Memasang Kalender dinamis Tanggalan untuk blog

Satu lagi perabot blog yang harus anda miliki yakni calendar dinamis atau tanggalan yang selalu berganti setiap hari. Kalender ini tidak mempergunakan gambar image sedikitpun.  Tetapi hanya berupa teks yang sudah pasti tidak akan memberatkan loading.  Para pakar blog menganggap penggunaan gambar yang berlebihan dalam sebuah blog akan menjadikan beban sehingga loading blog jadi lebih berat.

Jadi menurutku meskipun banyak tersedia model / style dari kalender di internet, tapi aku lebih memilih kalender dinamis yang model teks, disamping ringan juga mampu memberikan kesan elegant.

Klik Demo untuk melihat seperti apa kalender dinamis itu;
DEMO

Cara pembuatannya copy kode berikut ini lalu paste ke dalam New gadget HTML dan jangan lupa Save.

Ini kode Tanggalan / kalender yang harus anda copas :

<script> var tod=new Date(); var weekday=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); var monthname=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"); var y = tod.getFullYear();  var m = tod.getMonth(); var d = tod.getDate(); var dow = tod.getDay(); var dispTime = " " + weekday[dow] + ", " + d + " " + monthname[m] + " " + y + " "; if (dow==0) dispTime= "<font color=red>" + dispTime + "</font>"; else if (dow==5) dispTime= "<font color=green>" + dispTime + "</font>"; else dispTime= "<font color=black>" + dispTime + "</font>";  document.write(dispTime); </script>

Demikian tutorial tentang bagaimana cara membuat tanggalan di blog, semoga berguna bagi nusa dan bangsa.

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.