Cara Memasang Jam Model LCD Di Blog

Seperti yang Anda lihat pada gambar di atas, demikianlah tutorial ini. Letakkanlah Jam LCD ini
di bagian mana saja yang Anda mau. Cara memasangnya, ikuti langkah sebagai berikut :

1.   Rancangan -> Tambah Gadget -> Pilih HTML/JavaScript.

2.   Masukkan ke dalam kontennya kode yang berikut ini lalu simpan.

<span id="digitalclock" class="styling"></span>

<script>
<!--

/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* User at http://www.syamsudinnamaku.blogspot.com/
* This notice must stay intact for use
*****************************************/

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='lime'>&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>

3.   Lalu masuk ke Edit HTML.

4.   Carilah tag </head>

5.   Letakkanlah di atas tag </head>, kode yang ada di bawah ini.
      Seperti biasa, pratinjaulah terlebih dahulu kemudian simpan template Anda.

<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 16px MS Sans Serif;
padding: 3px;
}
-->
</style>

KETERANGAN :

Aturlah warna background, warna angka jam, ukuran dan jenis hurufnya sesuai yang Anda suka.

Selamat mencoba dan tetap good luck!