Cara Memasang Jam Digital Di Header Blog

Jam digital diheader blog - Pasang jam di header sebenarnya sangat bermanfaat bagi blogger maupun pengunjung, keasikan otak-atik blog atau membaca sebuah artikel sering kali membuat kita lupa waktu. Ya kalau yang belum punya tanggung jawab di keesokan harinya tidak masalah, bagaimana bila sobat yang sudah punya tanggung jawab? Hayoo.
Misalnya : besok pagi sobat harus berangkat kerja, ada yang sekolah, bahkan ada yang mengantar ibu kepasar hehehehe. jangan salah, mengantar orang tua itu suatu bukti loh kalau kita itu berbarkti kepada mereka yang telah melahirkan bahkan membesarkan kita. kalau kesiangan wuahhh bisa-bisa diomelin.
Untuk mengatasi hal tersebut tidak ada salahnya kan kita pasang jam diheader blog, betul tidak sob?
Yuk kita simak caranya .

CARA PASANG

Login keblogger
Dasboard ( Dasbord )
Klik Tata Letak ( Layout )
Klik edit HTML
Amankan template ( Backup Template )
Cari kode berikut dengan menggunakan CTRL+F ( Biar lebih cepat )
```
<div id="header-wrapper">
</div>
```
Kode diatas terletak dibawah kode <body>

Copy paste kode dibawah dan letakkan di bawah kode <div id='header-wrapper'>

<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(https://sites.google.com/site/gubhugreyotprojects/image-posting/mart-2010/bg_BlueFadeV57H4-gubhugreyot.jpg) top repeat-x;border:2px dotted red;padding:5px 0;display:block;float:right;text-align:center;width:125px;'/>
</form>

Ganti dengan KODE baru di bawah ini :
```
<body onLoad='startclock()'>
```
KLIK Simpan Template (SAVE Template)
KLIK Elemen Laman (Page Elements)

Simpan Javascript dibawah dengan cara KLIK Tambah Gadget --> HTML/Javascript --> SIMPAN.

<script type='text/javascript'>
//<![CDATA[<!--
//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>

Dan Lihat hasilnya dengan membuka blog sobat !

Untuk demo kalian bisa lihat diheader blog ini.
Selamat mencoba dan Happy Blogging !

JavaScript, Tutorial blogger, Widget

Nyus Blog

Cara Memasang Jam Digital Di Header Blog

0 Response to "Cara Memasang Jam Digital Di Header Blog"

Post a Comment