Sumber: pelajaran-blog.blogspot.com. Untuk menempilkan hari dan waktu di blog sobat. Setelah dipraktekan ternyata caranya sangat mudah. Ok langsung ke TKP... Pertama dari Dashboard lalu pilih Tata Letak / Design,pilih tab Edit Html dan ceklist tulisan Expand Widget Templates:
Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):
]]></b:skin>
Setelah kode tadi sobat ketemukan,kini tepat diATASnya letakkan barisan kode css berikut:
.pelajaranblogareakeren {border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.pelajaranblogareakeren a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
Setelah itu simpan template ya sob.Selanjutnya,kembali pergilah ke Dashboard lalu pilih Tata Letak / Design,pilih Add a Gadget dan pilih Html/Javascript seperti gambar berikut:
Lalu sobat letakkan script tanggal dan jam untuk blogger berikut:
<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>
Simpan dan lihat hasilnya
Untuk kode yang berwarna hijau sobat sesuaikan sendiri sesuai selera dan keinginan, smoga berhasil ya sob !