Digital Clock : Panduan dan Cara Membuat Jam Digital

Screenshoot Digital Clock :

Langkah pemasangan Digital Clock

Login ke Blogger.
Design (Rancangan)
Elemen Laman (Page Element)
Add Gadget (Tambah Gadget). Lakukan di bagian Sidebar (samping kanan atau kiri)
HTML/Javascript.
Copy paste KODE dan script.
KLIK SAVE (Simpan)
Open your Blog (Buka Blog) untuk melihat hasilnya.

Sampeyan bisa juga meletakkan KODE CSS di atas KODE ]]></b:skin> dan Javascript di bagian body di antara tag <body> dan tag </body>

KODE CSS dan Javascript - Digital Clock :

.bgsGRbox{
        display:block;
        padding:4px 4px 15px;
        float:left;
        margin:20px 5px 10px;
        border:4px solid #555;
        background:#000 url(https://sites.google.com/site/gubhugreyotprojects/clock/digital-clock/mini-clock-logo-gubhugreyot.jpg) bottom center no-repeat;    
} 
#bgsGR {
        border:2px solid #555;
        padding:6px 20px; 
        background:transparent url(https://sites.google.com/site/gubhugreyotprojects/clock/digital-clock/bgsGR-bg.plangi.jpg) top repeat-x; 
        font-family:Verdana;
        font-size: 22px; 
        font-weight:bolder;
        color:lime;
}

<div class="bgsGRbox">
<script type="text/javascript">
//<![CDATA[
//bloggerstars-1 - gubhugreyot * bgsGR digiClock.js
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date(); hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) { hour = 12; ap = " AM";
} else if(hrNow <= 11) { ap = " AM"; hour = hrNow;
} else if(hrNow == 12) { ap = " PM"; hour = 12;
} else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM";}
if (hrNow >= 13) { hour = hrNow - 12;}
if (mnNow <= 9) { min = "0" + mnNow;}
else (min = mnNow)
if (scNow <= 9) { secs = "0" + scNow;} else { secs = scNow;}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time; setTimeout('clock()', 1000);}
function timeInfo() {
milliSince = miNow; milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("Gubhug Reyot - Bloggerstars-1");}
document.write("<form name=\"form\">"
+ "<input id=\"bgsGR\" type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form>");
onError = null;
clock();
//]]>
</script>
</div>