Cara Mudah Menampilkan Jam di Blogspot

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

Weblog dengan penampilan yang menarik bisa membuat pengunjung merasa senang dan dapat memotivasi kemauan untuk belajar, inilah yang dirasa. Entah bagaimana caranya dan kemudian menjadi sebuah ide gila baik copas atau hanya sekedar mempraktekkanya saja. Dekorasi dalam blog juga memberikan kepuasan tersendiri bagi pemiliknya. Kegiatan blogging terkadang memakan waktu dan lebih tidak tahu waktu, nah apa yang dapat mengingatkan? waktu, ya betul! waktu atau jam adalah penanda yang menunjukkan suatu keadaan tepatnya waktu. Dalam sebuah weblog juga bisa berguna untuk mengingatkan kita dan pengunjung pada umumnya, nah sekarang untuk dapat mengingatkan sesama mari membuat jam digital dengan java script di bawah ini;

1. Langkah awal login ke blog sobat, kemudian langsung saja ke tkp yaitu ke Design/tampilan dan pilih distu sobat langsung berada dalam halaman page elements.
2. Buat widget baru/add a gadget pilih html/java script, untuk letak terserah sesuai selera.
3. Tambahkan kode java script di bawah ini;

<table style="border:0px" bgcolor="transparent"><tr><td> <div class='portasen'><div style='font-family:"Open Sans",Trebuchet MS,sans-serif; color:#000;font-size:11px;text-transform:none;'>
<script type="text/javascript">
window.setTimeout("jam()",1000);
function jam() {
var tanggal = new Date();
setTimeout("jam()",1000);
document.getElementById("clock").innerHTML=tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
}
</script>
<strong><div id="clock"></div></strong></div></div></td><td><div class='portasen'><div style='font-family:"Open Sans",Trebuchet MS,sans-serif; color:#000;font-size:11px;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","Selasa","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>

Tekahir Save/simpan lalu preveiw untuk melihat dan save template jika sudah sesuai.

For Further Reading,

Panduan Blogspot