Script Membuat Jam di Sudut Kiri Atas


Dunia script tidak lepas dengan dunia mempercantik tampilan blog. Dan saya dengan rasa penasaran yang meletup-letup mencari dan mempelajari script dari situs demi situs. Dan tampilan jam yang kamu lihat ini tidak lain dari hasil pencarian. Maaf jika saya lupa sumber asal script yang saya tampilkan dan dimodifikasi sesuai selera saya.

Silahkan kamu lihat detak demi detak tampilan jam yang terlihat di sudut kiri postingan...

Ok, sudah kamu lihat..

Mencoba membuat tampilan jam tersebut buat blog kamu. berikut cara buat dan amat mudah kok..

Cukup simpan dibagian mana yang menurut kamu sip buat selera kamu skrip di bawah ini.

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>


kode js

<script language="JavaScript">
function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return
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
//susun jenis font sesuai selera kamu di bawah ini
myclock=" <font size='7' face='comic sans ms' color='blue'>
<b> <font size='4'>Sekarang Jam: </font> </br>"+hours+":"+minutes+":"
+seconds+" "+dn+" </b> </font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
}
</script>


Dan simpan kode di bawah ini tepat di bawah tag <body>
<body onLoad="show5()">

Gitu aja yah postingan aku selamat mencoba.

Ditulis Oleh: KanG piE

Info yang kamu baca adalah Script Membuat Jam di Sudut Kiri Atas dengan harapan bermanfaat untuk kamu. Silahkan kamu copas dan menyebarluaskan seluruh isi artikel ini dengan catatan menyebutkan sebagai asal sumber Info ini.

Sahabat KLIK

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...