Oke, langsung ke Cara Membuat Widget Jam Digital dengan Javascript :
- Masuk ke editor template terlebih dahulu.
- Cari kode </head> tambahkan script dibawah keatas kode tsb.
- Cari kode <body> ganti dengan <body onload='waktu()'>
- Kemudian cari kode ]]></b:skin>, paste kode dibawah ke atas kode ]]></b:skin>
- Nah sekarang tinggal pasang deh markup htmlnya. Copy terus paste di postingan atau di widget, atau di templatenya :)
<script type="text/javascript">
//<![CDATA[
function waktu() {
var tanggal = new Date();
setTimeout("waktu()",1000);
document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
}
//]]>
</script>
#output {
font-family:"Courier New", Courier, monospace;
font-size:4em;
padding:.3em;
margin:10px;
border:1px solid cyan;
display:inline-block;
border-radius:1em;
background: -moz-linear-gradient(top, cyan, #1a82f7);
background: -webkit-linear-gradient(top, cyan, #1a82f7);
background: -o-linear-gradient(top, cyan, #1a82f7);
}
125 × 125
Your text ads. Free ads. Click here.
125 × 125
Your text ads. Free ads. Click here.
Wah boleh juga script jam digitalnya gan..
BalasHapusheheee keren lam ^_^
BalasHapusI like it.. :)
BalasHapuswihh mantep kalo dipasang diblog bisa tepat waktu nih
BalasHapushaduh, url yang tertera di gambar salahhh *plaaakkkkkxD
BalasHapusKalau pake Python bisa gak ya dipasang di blog?
BalasHapuskok ga bisa nich gan..ap lg yang kurang nich?
BalasHapusjam digitalnya ga muncul..
markup HTML tu apa gan?
BalasHapustulisan dibalik munculnya sebuah elemen dalam blog yng kalain liat kawan :)
Hapustutorial membuat jam diblog ini ini bagus.... saya coba dulu gan, makasih.
BalasHapuskalo menurut ane sih sebaiknya tdk di pasang pun tidak apa2 karena sudah ada di komputer.. kan mempengaruhi loading blog juga..
BalasHapuskalo emang ingin mempercantik blog, memang seharusnya dipasang..
heheh :D
but, thankz tutornyaa,,,
yah memang sama kok dengan jam di komputer, cuman mau ngingetin bayaran internetnya jangan kepanjangan nanti bayarnya banyak hehehehe :D
Hapusmakasih sudah mampir mas :)
bgs infonya mas..mksh ya
BalasHapusTerima Kasih Atas tutorialnya .. artikel yang sangat bagus ..
BalasHapus