Menghias dan Mempercantik Blog - Membuat jam digital

Pada Dashboard Blogger, klik Design dan Add a Gadget.

Pilih HTML/JavaScript

Copy-Paste kode berikut :

<style type="text/css"> .styling{ background-color:black; color:yellow; font:bold 15px MS Sans Serif; padding:3px; } </style> <span id="digitalclock" class="styling"></span> <script type="text/javascript"> //<![CDATA[ /***************************************** * http://www.dynamicdrive.com/ *****************************************/ var alternate=0 var standardbrowser=!document.all&&!document.getElementById if (standardbrowser) document.write('<form name="tick"><input type="text" name="tock" size="6"></form>') function show(){ if (!standardbrowser) var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var dn="AM" if (hours==12) dn="PM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (hours.toString().length==1) hours="0"+hours if (minutes<=9) minutes="0"+minutes if (standardbrowser){ if (alternate==0) document.tick.tock.value=hours+" : "+minutes+" "+dn else document.tick.tock.value=hours+" "+minutes+" "+dn } else{ if (alternate==0) clockobj.innerHTML=hours+"<font color='yellow'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>" else clockobj.innerHTML=hours+"<font color='black'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>" } alternate=(alternate==0)? 1 : 0 setTimeout("show()",1000) } window.onload=show //]]> </script>

---

Penjelasan

Ini untuk tampilannya jam, bisa anda rubah sesuai selera.

<style type="text/css">
.styling{
background-color:black;
color:yellow;
font:bold 15px MS Sans Serif;
padding:3px;
}
</style>

Ini kode didalam Script, untuk tampilan detik dengan titik dua ditengah. Warnanya disesuaikan selera.

clockobj.innerHTML=hours+"<font color='yellow'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"

---

Pengembang Script Dinamic Drive

Saya hanya merubahya untuk bisa berfungsi di Blogger.

Alhamdulillah