Pasang jam pada blog sebenarnya sangat bermanfaat bagi blogger. Keasyikan saat posting atau "othak-athik" blog seringkali membuat blogger lupa waktu. Bagi yang lagi nggak punya tanggung jawab acara di keesokan harinya, sebenarnya sih nggak jadi masalah, tetapi ketika misalnya pagi harus "ngantor" atau punya "janji khusus", bisa-bisa semua jadwal jadi berantakan. Yanga lebih parah lagi : jangan-jangan justru "SK Pemberhentian Kerja" yang nongol. Untuk mengatasi masalah itu, akan sangat bijaksana seandainya kita pasang jam ditempat yang setiap kali terlihat di dalam blog kita. Disamping bermanfaat bagi "diri sendiri" tentunya juga akan jadi manfaat bagi para "petualang blog" yang juga sering lupa waktu ketika sudah mulai duduk di depan PC dan "jalan-jalan di belantara dunia maya. Oh..., ya... Satu hal yang dapat kita manfaatkan dari "pasang jam di bagian header" ini adalah : Wajah blog kita akan makin bertambah manis !!! Nggak percaya ?! Coba saja ...!
- Login ke Blogger.
- Dasbor (Dashboard).
- KLIK Tata Letak (Layout).
- KLIK Edit HTML.
- Amankan Template (Backup Template). Anda bisa lihat caranya di sini !.
- Tetap di Edit HTMl.
- Cari KODE berikut : (Gunakan Ctrl+F) Untuk mengetahui lebih jelas KLIK di sini !.
- KODE di atas terletak di bawah KODE <body>
- Copy paste KODE di bawah ini dan letakkan di bawah <div id='header-wrapper'>
- Ganti <body> dengan KODE baru di bawah ini :
- KLIK Simpan Template (SAVE Template).
- KLIK Elemen Laman (Page Elements).
- Simpan Javascript berikut dengan cara KLIK Tambah Gadget --> HTML/Javascript --> SIMPAN.
- Lihat hasilnya dengan membuka blog !
<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>
<body onLoad='startclock()'>
<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>
0 komentar:
Posting Komentar