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 :

Cara memasangnya sebagai berikut :
1.   Rancangan -> Tambah Gadget -> Pilihlah HTML/JavaScript.
2.   Masukkan ke dalam kontennya kode berikut ini lalu simpan.



01<span id="liveclock" style="position:absolute;left:0;top:0;">
02</span>
03
04<script language="JavaScript">
05<!--
06
07/*
08Upper Left Corner Live Clock Script- © Dynamic Drive (www.dynamicdrive.com)
09For full source code, 100's more DHTML scripts, and TOS,
10visit http://www.dynamicdrive.com
11*/
12
13function show5(){
14 if (!document.layers&&!document.all&&!document.getElementById)
15 return
16 var Digital=new Date()
17 var hours=Digital.getHours()
18 var minutes=Digital.getMinutes()
19 var seconds=Digital.getSeconds()
20 var dn="AM"
21 if (hours>12){
22 dn="PM"
23 hours=hours-12
24 }
25 if (hours==0)
26 hours=12
27 if (minutes<=9)
28 minutes="0"+minutes
29 if (seconds<=9)
30 seconds="0"+seconds
31//change font size here to your desire
32myclock="<font size='5' face='Arial' ><b><font size='1'>Current Time:</font></br>"+hours+":"+minutes+":"
33 +seconds+" "+dn+"</b></font>"
34if (document.layers){
35document.layers.liveclock.document.write(myclock)
36document.layers.liveclock.document.close()
37}
38else if (document.all)
39liveclock.innerHTML=myclock
40else if (document.getElementById)
41document.getElementById("liveclock").innerHTML=myclock
42setTimeout("show5()",1000)
43 }
44
45//-->
46</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> ( Ctrl+f ) </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!

0 komentar:

Terimakasih telah berkomentar dengan kata-kata yang baik