CARA MEMBUAT JAM ANALOG DAN DIGITAL DIWEBSITE

Halo sahabat-sahabat semua kali ini kami akan buatkan tutorial bagaimana sih cara membuat jam analog dan digital versi blogger ya, yuk disimak langkah-langkahnya ya jangan sampai terlewatkan 1 pun karena nanti bakal eror. berikut ini adalah langkah-langkahnya:

1. Pastikan anda sudah login ke blog atau web kalian ya

2. Kalian klik "Tata Letak" kemudian anda letakkan jamnya ya, oiya bebas kalian ingin meletakkan di sidebar, dibawah postingan, atau diwidget atas postingan. 

3. Admin contohkan dibagian sidebar (sticky) setelah itu klik "+ Tambahkan Gadget".

4. Langkah selanjutnya anda scroll kebawah dan klik "+ HTML/Java Script"

5. Setelah sudah pastekan script dibawah ini kedalam HTML/Java Script ya.

<div id="clock"></div>

<script type="text/javascript">

<!--

function showTime() {

var a_p = "";

var today = new Date();

var curr_hour = today.getHours();

var curr_minute = today.getMinutes();

var curr_second = today.getSeconds();

if (curr_hour < 12) {

a_p = "AM";

} else {

a_p = "PM";

}

if (curr_hour == 0) {

curr_hour = 12;

}

if (curr_hour > 12) {

curr_hour = curr_hour - 12;

}

curr_hour = checkTime(curr_hour);

curr_minute = checkTime(curr_minute);

curr_second = checkTime(curr_second);

document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;

}

function checkTime(i) {

if (i < 10) {

i = "0" + i;

}

return i;

}

setInterval(showTime, 500);

//--> 

</script>

<script type='text/javascript'>

<!--

var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];

var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu'];

var date = new Date();

var day = date.getDate();

var month = date.getMonth();

var thisDay = date.getDay(),

thisDay = myDays[thisDay];

var yy = date.getYear();

var year = (yy < 1000) ? yy + 1900 : yy;

document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);

//-->

</script>

6.  Selesai.

Jika kalian ingin membuat jam analog atau digital dengan design yang lebih menarik silahkan klik DISINI ya dan lakukan langkah-langkah seperti yang diatas. Selamat mencoba dan semoga artikel ini bermanfaat untuk para pembacanya.

Share :