Membuat Tanggal Update Otomatis di Blog

Bagi temen-temen yang main server pulsa biasa sering menampilkan tanggal Update Produk, nah biar harga kelihtan terupdate setiap hari silahkan gunakan Setting tanggal otomatis ini.. Caranya cukup gampang ko....

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 Senin, 04 Juni 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......

Ato Sobat tinggal Copy/Paste aja script yang ada di bawah ni....

<script language="JavaScript1.2">
<!-- Sadewa
var months=new Array(13);
months[1]="Januari";
months[2]="Februari";
months[3]="Maret";
months[4]="April";
months[5]="Mei";
months[6]="Juni";
months[7]="Juli";
months[8]="Augustus";
months[9]="September";
months[10]="Oktober";
months[11]="Nopember";
months[12]="Desember";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000)    // Y2K Fix, Isaac Powell
year = year + 1900; // http://onyx.idbsu.edu/~ipowell
document.write("<center>" + lmonth + " ");
document.write(date + ", " + year + "</center>");
// End -->
</script>

kalo dah di Copy,,, kamu Paste dech ^_^
Pastenya terserah kamu,,!!
mau di Tambah Target ke, di Edit HTML ke, jd di tempatkan dimana aja BISA!!!
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.

Posted in: Tips Dan Trik,Tutorial blog,Widget