Date time ku

Tutorial date time pada blogku

Ok langsung saja berikut cara penerapannya : 1. Buka Blogger > Template > Klik Edit HTML > Salin code dibawah ini.

<center>
<form>
................................
................................
   </form>
</center>

Untuk penambahan warna bisa kita tambahkan CSS. 

.form{background:#333;color:#fff;float:left;width:80%;height:50%;border-right:1px solid #ffffff;}
.form {font-size:16px;border:1px solid #ffffff;margin:0; padding:15px 5px;list-style-position:inside;}

2. Selanjutnya salin kode di bawah ini tepat sebelum ]]></b:skin> atau sebelum </b:skin> cari mengggunakan <CTRL+ F> atau bisa juga menambahkan tulisan <style> dan diakiri </style> . Setelah selesai Untuk mecari tanggal bulan dan tahun gunakan script dibawah ini. Caranya cari footer.

 
    var mydate=new Date()
    var year=mydate.getYear()
    if (year < 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var dayarray=new Array ("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu")
    var montharray=new Array("Januari","Februari","Maret","April","Mei", "Juni","Juli", "Agustus","September","Oktober","November","Desember")
    document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")
//]]>

Untuk penambahan Jam gunakan <script> dibawah ini.

<span id='Variasiblogger'>

    //<![CDATA[
    function showclock(){
    var digital = new Date();
    var hours=digital.getHours();
    var minutes=digital.getMinutes();
    var seconds=digital.getSeconds();
    var dn='AM';
    if (hours>12) {
    dn='PM';
    hours=hours-12;
    }
    if (hours==0) hours=12;
    if (minutes<=9) minutes='0'+minutes;
    if (seconds<=9) seconds='0'+seconds;

    miReloj='<b><span style="color:#A4A4A4;font-size:12px;">'
    + hours + '</span> : <span style="color:#A4A4A4;font-size:12px;">'
    + minutes + '</span> : <span style="color:#A4A4A4;font-size:12px;">'
    + seconds + '</span></b><span style="color:#A4A4A4;font-size:12px;margin-left:5px;">'
    + dn + '</span>';
    document.getElementById('Variasiblogger').innerHTML=miReloj;
    //
    setTimeout('showclock()',1000);
    }
    window.onload=showclock
    //]]>

dan diakhiri </b:span>. Silahkan dilihat hasilnya.

Demo

Author : Agus Junaidy

Share this

Related Posts