17 Agu 2011

Cara memasang jam digital di header blog

Saya rasa memasang jam di blog sangat bermanfaat bagi seorang blogger sejati,karena saking asiknya ngeblog jadi ga ingat waktu,,wah bahaya itu,krn selain dunia maya kita juga perlu beraktifiras di dunia nyata,,oke bagi yang berminat ikuti aja tutorial ini,
~login ke blog sobat masing-masing
~klik rancangan dan edit HTML
~cari kode <body>
~masukan kode berikut tepat dibawah kode <body>

<div id='header-wrapper'>

~lalu ,masukan kode dibawah ini diatas kode <div id='header-wrapper'> 
kode yang barusan sobat tambahkan tadi

<form name='clock' style='float:right;padding:5px;margin:40px 10px 10px;border:4px solid #666;background:#333;'>
<input name='bgsGR' style='font-family:MS Sans serif;font-size:28px;color:#00FFFF;font-weight:bolder; background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlueFadeV57H4.jpg) top repeat-x;border:2px dotted red;padding:5px 0;display:block;float:right;text-align:center;width:125px;'/>
</form>

~lalu ganti kode <body> tadi dengan kode dibawah

<body onLoad='startclock()'>

~disave dulu ya
~terakhir klik elemen halaman /klik add gadged tambahkan HTML/javascript,
~copykan script dibawah ini

<script language='javascript'>
<!--
//SimpleClock.js - gubhugreyot - bloggerstars-1
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = hours
timeValue += ((minutes < 10)?":0":":") + minutes
timeValue += ((seconds < 10)?":0":":") + seconds
document.clock.bgsGR.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
function startclock () {
stopclock();
showtime();
}
//-->
</script>

~klik save dan lihat hasilnya,,
selamat mencoba........

1 komentar:

Silakan ketik sepatah dua patah kata jika anda menyukai tulisan ini, semoga bermanfaat

saya akan menerima apapun kritik dan saran dari anda demi kemajuan blog ini.