.jpg)
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 :
- 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>Tutorial terbaru:
Tutorial di atas digunakan untuk Template Tata Letak. JIka saat ini anda menggunakan New Blogger Template atau Perancang Template Blogger, anda bisa ikuti panduannya melalui link di bawah ini:
Pasang Digital Clock di Header Blogger Template Designer
DEMO :
Demo Jam digital di header Blogger Template Designer (perancang Template Blogger).
DEMO: Digital Clock di Header Blogger Template Designer
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - gubhugreyot «
thx y bro,,,,
BalasHapustulisan ne brmanfaat bgt,,,
hidup blogger,,,,
sangat...sangatttt berguna
BalasHapusSalam, Bos Bagi-bagi tipsnya dong......?
BalasHapusTruz dah berapa lama mulai ngeblog....?
Thanks...!
Kok gk berhasil,,:(
BalasHapusYg muncul hanya kotakx sj, tp jam nya kok gk muncul,,mohon penjelasanx dmn letak kesalahannya,,Thanks before,,:)
thank ya Boss, tips-2 nya ngebantu banget . . .. .
BalasHapusgan, bagus banget blog na,,,,
BalasHapuswah jadi kepingin....:D
blog bagus visit back
BalasHapusThank's sangat and sangat bagus
BalasHapusNice Blog..........
BalasHapusnice :) Jangan lupa mampir http://webbelajar23.blogspot.com
BalasHapus