Menambahkan Jam / Tanggal dengan Javascript -Pasti setiap blogger ingin memberikan tampilan blognya enak dipandang oleh para pengunjung, Nah kali ini saya akan memberikan tutorial menambahkan Jam / Tanggal dengan menggunakan Java Script pada blog/website Anda, Script ini beda dari jam / tanggal seperti biasa yang sudah bertebaran di search engine, pada script ini mempunyai kelebihan lebih efektif dan tidak mempengaruhi dalam proses loading pada blog Anda. Saya berikan demo berikut screenshootnya:
 |
| Click Image For Demo |
Jika Anda tertarik membuatnya berikut saya jabarkan turorialnya:
Seperti biasa:
- Login ke blogger.
- Pada Dashboard pilih Template >> Edit HTML (Lanjutkan).
- Jangan lupa centang Expand Widget Template.
- Kemudian cari kode ]]></b:skin> (CTRL+F untuk memudahkan pencarian).
- Setelah kode tersebut ketemu sekarang letakkan kode dibawah ini tepat diatas kode ]]></b:skin> yang tadi.
.kreasianakgarut {border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.kreasianakgarut a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
- Save template Anda.
- Selanjutnya kembali ke dashboard Anda lalu pilih tata letak / design pilih add a gadget dan pilih edit html/javascript.
- Lalu masukkan script jam / tanggal dibawah ini.
<table style="border:0px" bgcolor="transparent"><tr><td> <div class='pelajaranblogareakeren'><div style='font-family:arial; color:#999999;font-size:12px;text-transform:none;'>
<script type="text/javascript">
window.setTimeout("jam()",1000);
function jam() {
var tanggal = new Date();
setTimeout("jam()",1000);
document.getElementById("mrpujiajadehclock").innerHTML=tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
}
</script>
<strong><div id="mrpujiajadehclock"></div></strong></div></div></td><td><div class='pelajaranblogareakeren'><div style='font-family:arial; color:#999999;font-size:12px;text-transform:none;'>
<script type="text/javascript">
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","Tuesday","Rabu","Kamis","Jumat","Sabtu")
var montharray=new
Array("January","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write("<b>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</b>")
</script></div></div></td><td></td></tr></table>
Menambahkan Jam / Tanggal dengan Javascript
