Panduan dan Tutorial BloGGeR Cara Memodifikasi Blog :
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 ...!Cara pasanga jam di bagian Header :
<div id='header-wrapper'>
8. KODE di atas terletak di bawah KODE <body>
9. Copy paste KODE di bawah ini dan letakkan di bawah <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(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>
10. Ganti <body> dengan KODE baru di bawah ini :
<body onLoad='startclock()'>
11. KLIK Simpan Template (SAVE Template).
12. KLIK Elemen Laman (Page Elements).
13. Simpan Javascript berikut dengan cara KLIK Tambah Gadget --> HTML/Javascript --> SIMPAN.
<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> 14. Lihat hasilnya dengan membuka blog !
0 komentar:
Posting Komentar