mEMASANG wIDGET jAM LCD pada Blog ~ TuTorial Ku UnTuk Mu

Seperti yang Anda lihat pada gambar di atas,
demikianlah tutorial ini. Letakkanlah Jam LCD
ini di bagian mana saja yang Anda mau.

Cara memasangnya adalah 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.
      Pratinjau, 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 dengan yang Anda suka.

Selamat mencoba dan tetap good luck!

Ditulis Oleh : Syariƒ™ ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang mEMASANG wIDGET jAM LCD pada Blog. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

<a href="http://sariptrik.blogspot.com/2012/05/s-eperti-yang-anda-lihat-pada-gambar-di.html" target="_blank">mEMASANG wIDGET jAM LCD pada Blog</a>

Anda pengunjung yang ke:

BANNER SAHABAT

Sabtu, 19 Mei 2012