Widget Jam Digital Buatan Sendiri

Posted by Unknown at 5:01 AM Read our previous post

Memasang Widget jam di blog memang tidak terlalu diperlukan,seperti yang pernah saya jelaskan pada postingan sebelumnya,"(Cara Agar Blog Jadi Ringan).Tapi kali ini sedikit berbeda karena widget jam yang akan kita buat bukan widget jam yang diembed codenya dari pihak ketiga (situs penyedia widget),jadi saat kita membuka blog,kita tidak perlu lagi menunggu transfer data dari penyedia widget tersebut.Karena ini kita buat sendiri dengan script,cukup sederhana,simpel dan lebih ringan.

Langsung saja ke "TKP" !
Cara membuatnya,anda tinggal copy kode berikut

1. Seperti biasa,Login dulu ke Blog anda
2. Pada dashboard pilih Tata letak
3. Kemudian tambah gadget,pilih HTML/Javascript
4. Copy Paste kode berikut kedalam gadget yang tadi anda tambahkan

<form name="Tick">

<input name="Clock" size="12" type="text" /></form>

<script type="text/javascript">

function show()

{

var Digital=new Date()

var hours=Digital.getHours()

var minutes=Digital.getMinutes()

var seconds=Digital.getSeconds()

var dn="AM"

if (hours>12){

dn="PM"

hours=hours-12

}

if (hours==0)

hours=12

if (minutes<=9)

minutes="0"+minutes

if (seconds<=9)

seconds="0"+seconds

document.Tick.Clock.value=

hours+":"+minutes+":"+seconds+" "+dn

setTimeout("show()",1000)

}

show()

</script>

Jangan lupa,simpan dan lihat hasilnya,sekarang anda punya widget jam tanpa harus me-Embed code dari site penyedia widget jam.
Selamat Mencoba,Moga Bermanfaat... 

sumber :  http://odyckdnero.blogspot.com/2011/12/widget-jam-digital-buatan-sendiri.html