Cara membuat tanggal otomatis update

Masih dalam kategori css dan javascript, kali ini kita akan belajar membuat dan memasang tanggal otomatis update setiap saat yang bisa kita pasang pada web ataupun blog kita. Tampilan tangal ini sangat sederhana tapi tetap enak dipandang. Tidak ada salahnya kita pasang pada web atau blog kita, baik memang diperlukan atau hanya sekedar sebagai pelengkap asesoris saja.

Ok ... Bila anda berminat silahkan anda lihat tampilan tanggal dibawah ini :

Sabtu, 21 Januari 2012

Dan silahkan anda ikuti langkah - langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.




3. KLik tab Edit HTML.

4. Cari kode </head>
5. Copy dan paste kode dibawah ini tepat sebelum kode </head>

<style type="text/css"> div.tanggal { margin:15px; width:150px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;  border:2px solid blue; padding:5px; }</style>

Catatan : Anda bisa merubah nilai "px" dalam kode diatas, dan mengganti warna border sesuai selera anda.

6. Simpan template.
7. Langkah selanjutnya Klik elemen laman lalu tambah Gadget dan pilih HTML/JavaScript
8. Copy dan paste kode dibawah ini pada gadget tersebut :

<div class="tanggal"><center><script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var daym=mydate.getDate() var month=mydate.getMonth() if (daym<10) daym="0"+daym var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu") var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember") document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")  </script></center></div>

9.  Lalu Simpan dan jadi deh......

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.