Ini Solusinya Cara Memasang Hari Tanggal dan Jam Pada Menu Navigasi Blogger

Hallo sahabat webmuna dimanapun anda berada, pada kesempatan kali ini saya akan membahas sebuah tutorial tentang bagaimana membuat Hari, Tanggal dan Jam pada menu navigasi blogger.

Memasang Tanggal, Hari dan Jam pada menu navigasi blog akan telihat lebih menarik, namun jika isi website atau blog sobat menjelaskan tentang berita maka sangat membantu dan bermanfaat bagi para pengunjung blog sobat.

Dalam menampilkan Tanggal, Hari dan Tanggal pada menu navigasi sebenarnya sangat mudah hanya dengan meletakkan kode Javascript pada bagian menu navigasi.

Nah jika sobat ingin memasang kode tersebut ikuti tutorial dibawah ini.

CARA MENAMPILKAN HARI TANGGAL DAN JAM PADA MENU NAVIGASI BLOGGER

1. MENAMPILKAN JAM PADA MENU NAVIGASI BLOG

Untuk menampilkan Jam pada menu navigasi seperti pada contoh gambar di atas. Copy kode Javascript di bawah ini kemudian letakkan pada bagian menu navigasi.

Caranya :
Cari kode kira-kira seperti ini <li><a href="#">Menu</a></li> pada menu navigasi blog sobat kemudian ganti kode tersebut dengan kode Javascript dibawah ini.

KODE JAVASRIPT JAM

<li><div id='clock'/>
<script type='text/javascript'>
<!--
function startTime() {
    var today=new Date(),
        curr_hour=today.getHours(),
        curr_min=today.getMinutes(),
        curr_sec=today.getSeconds();
 curr_hour=checkTime(curr_hour);
    curr_min=checkTime(curr_min);
    curr_sec=checkTime(curr_sec);
    document.getElementById('clock').innerHTML=curr_hour+":"+curr_min+":"+curr_sec;
}
function checkTime(i) {
    if (i<10) {
        i="0" + i;
    }
    return i;
}
setInterval(startTime, 500);
//-->
</script></li>

2. CARA MENAMPILKAN HARI DAN TANGGAL PADA MENU NAVIGASI BLOG.

Untuk menampilkan Hari dan Tanggal pada menu navigasi blog sama dengan cara di atas yaitu dengan cara copy kode javascript dibawah ini kemudian paste pada bagian menu navigasi.

KODE JAVASRIPT HARI DAN TANGGAL

<li><script type='text/javascript'>
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new 
Array(&quot;Minggu&quot;,&quot;Senin&quot;,&quot;Selasa&quot;,&quot;Rabu&quot;,&quot;Kamis&quot;,&quot;Jum&#39;at&quot;,&quot;Sabtu&quot;)
var bulanarray=new 
Array(&quot;Januari&quot;,&quot;Februari&quot;,&quot;Maret&quot;,&quot;April&quot;,&quot;Mei&quot;,&quot;Juni&quot;,&quot;Juli&quot;,&quot;Agustus&quot;,&quot;September&quot;,&quot;Oktober&quot;,&quot;November&quot;,&quot;Desember&quot;)
document.write(hariarray[hari]+&quot; &quot;+tanggal+&quot; 
&quot;+bulanarray[bulan]+&quot; &quot;+tahun)
</script></li> 

Demikianlah sedikit penjelasan dari saya tentang bagaimana membuat Jam, Tanggal dan Hari pada menu navigasi blogger semoga bermanfaat.

Selamat mencoba...