Langsung saja ke tutorialnya yukk :
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 yoga-tc.blogspot.com */4. HTML bisa anda letakan dibawah header atau dibawah menu, kalau saya meletakannya dibawah header.
#clock {
cursor: default;
float: left;
font-weight: bold;
margin: 5px;
padding: 5px;
color: #fff;
}
<!-- Clock -->Keterangan :
<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 -->
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 :D
Posting Komentar