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.
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>
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - gubhugreyot «
