Cara Memasang Widget Jam Digital di Blog

Hai sobat Rahmat Agung, kali ini saya akan berbagi ilmu lagi nih, tentang Cara Memasang Widget Jam Digital di Blog, totorial  ini memang sangatlah mudah untuk dicoba. Pada postingan ini yaitu usulan dari teman saya yang meminta widget jam digital saya, dan sekarang saya berbagi tutorialnya. Untuk demonya anda bisa lihat disamping menu atas saya, atau melihat gambar dibawah ini :

Langsung saja ke tutorialnya :
1. Login ke Blogger
2. Masuk ke Template ==> edit HTML
3. Lalu cari kode ]]></b:skin>, jika sudah ketemu letakan kode dibawah ini tepat di atas kode ]]></b:skin>

/* Clock rahmatagung8.blogspot.com */
#clock {
cursor: default;
float: left;
font-weight: bold;
margin: 5px;
padding: 5px;
color: #fff;
}

4. HTML bisa anda letakan dibawah header atau dibawah menu, kalau saya meletakannya dibawah header.

<!-- Clock  -->
<div id='clock'>
<script type='text/javascript'>
 window.setTimeout("hour()",1000);
 function hour() {
 var date = new Date();
 setTimeout("hour()",1000);
document.getElementById("clock").innerHTML = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
 }
</script>
</div>
<!-- Clock End --> 

Keterangan :
kode yang berwarna hijau itu jenis teksnya tebal, dan kode yang berwarna biru itu warna teksnya, bisa anda ubah sesuai selera anda.
5. Lalu simpan template, dan lihat hasilnya.
semoga bermanfaat ^_^

Bagikan :

Tweet

Artikel Terkait