Cara Memasang Jam Di Pojok Blog - Sharing Ilmu Pengetahuan | Ianhacks
Headlines News :
Home » , » Cara Memasang Jam Di Pojok Blog

Cara Memasang Jam Di Pojok Blog

Written By Rian on 2.23.2012 | Thursday, February 23, 2012

Salam untuk semuanya, selanjutnya pada postingan kali ini saya akan mencoba memberikan bagaimana cara memasang Jam di Pojok Blog. Jam model angka yang satu ini bagusnya memang letaknya di pojok. Ingin ditempatkan di atas, bawah, kiri atau kanan terserah Anda karena posisinya bisa diatur sesuai kehendak Anda.

Previenya seperti di bawah ini :





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

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


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


<script language="JavaScript">
<!--


/*
Upper Left Corner Live Clock Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


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
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='1'>Current Time:</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>



KETERANGAN :

Usahakan tempatkan kode ini pada sidebar paling atas bila Anda ingin meletakkan jam ini pada bagian atas. Atur posisi letaknya. Left dapat Anda ganti dengan Right. Top dapat Anda ganti dengan Bottom. Bila perlu, ubahkan kalimat Current Time: dengan memakai kalimat bahasa dari negara Anda.

3. Kemudian masuk ke Edit HTML

4. Carilah tag </body>
5. Copy kode berikut dan letakkan
di atas tag </body>ini.
Pratinjau lalu simpan template Anda.
1 <body onLoad="show5()" />

Selamat mencoba, good luck!


x_3bfae512
Share this article :

4 comments:

  1. caranya mudah sekali sob tekan F3 lalu ketik body pasti ketemu.....

    ReplyDelete
  2. tutorial memasang jam diblog ini bagus.... saya coba dulu gan, makasih.

    ReplyDelete

 
Support : Proudly powered by Blogger
Copyright © 2011. Sharing Ilmu Pengetahuan | Ianhacks - All Rights Reserved
Original Design by Creating Website Modified by IanBlack