Selain karena aku telah membuat blog ini dengan alamat yang berbeda. Tips dan trik dalam posting ini juga aku persembahkan untuk kamu yang ingin menambahkan aksesoris untuk mempercantik/memperindah tampilan blog :D.
Caranya pun cukup simple. Hanya dengan menggunakan kode Javascript yang telah saya modifikasi sedikit, kamu akan mendapatkan tampilan waktu (Hari, tgl, Bulan, jam, menit dan detik dengan format tampilan dalam bahasa indonesia) secara otomatis dalam blog atau web.
Nah, jika tertarik untuk menampilkannya, silakan saja Copy dan paste kode javascript berikut ini ke blog atau web kamu :
<span id='clock'> <script type='text/javascript'> /* Live Date Script - © Dynamic Drive (www.dynamicdrive.com) Modified by Kevin Alfonzo - http://ontheblogger.blogspot.com */ var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu") var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember") function getthedate(){ 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 hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate=dayarray[day]+", "+daym+" "+montharray[month]+" "+year+" | "+hours+":"+minutes+":"+seconds+" "+dn+"" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit // End --> </script> </span>
Hope you'll like this trick :d
Terima Kasih telah membaca posting ini
Keep Smiling and Keep Blogging
Penulis : DBK
 DBK |
Terima Kasih telah berkunjung dan membaca posting ini. Punya Saran dan Kritik? Silakan tuliskan lewat form Komentar di bawah. Dan tolong jangan kasih komentar spam! |
|
|
|
| Find Me on : Facebook | Twitter | Mybloglog | Grup Dunia Internet | NetworkedBlogs |
Kategori : Dunia Blogger
|
Bookmark Posting ini :
|
|
« Artikel Terkait »
« Posting terbaru »
Post
Jumlah Komentar = 2 komentar:
Tuliskan Komentar Anda
pada Form di bawahUntuk membuat tampilan waktu tersebut menjadi lebih dinamis, maka tambahkanlah style css seperti contoh berikut :
#clock {
display:block;
font-weight:bold;
margin: 7px 9px;
padding: 5px 5px;
font-size: 80%;
font-family: "Arial", Helvetica, Sans Serif;
color: #0000FF;
background: #ffffff;
}
thank's
Jika Anda ingin menambahkan trik diatas ke dalam template blogger baru. Maka gunakanlah kode berikut ini :
<span id='clock'>
<script type='text/javascript'>
//<![CDATA[
<!--
document.write(unescape("%3Cscript%20type%3D%27text/javascript%27%3E%0D%0A//%3C%21%5BCDATA%5B%0D%0A/*%0D%0ALive%20Date%20Script%20-%20%A9%20Dynamic%20Drive%20%28www.dynamicdrive.com%29%0D%0AModified%20by%20Kevin%20Alfonzo%20-%20http%3A//ontheblogger.blogspot.com%0D%0A*/%0D%0A%0D%0Avar%20dayarray%3Dnew%20Array%28%22Minggu%22%2C%22Senin%22%2C%22Selasa%22%2C%22Rabu%22%2C%22Kamis%22%2C%22Jum%27at%22%2C%22Sabtu%22%29%0D%0Avar%20montharray%3Dnew%20Array%28%22Januari%22%2C%22Februari%22%2C%22Maret%22%2C%22April%22%2C%22Mei%22%2C%22Juni%22%2C%22Juli%22%2C%22Agustus%22%2C%22September%22%2C%22Oktober%22%2C%22November%22%2C%22Desember%22%29%0D%0A%0D%0Afunction%20getthedate%28%29%7B%0D%0Avar%20mydate%3Dnew%20Date%28%29%0D%0Avar%20year%3Dmydate.getYear%28%29%0D%0Aif%20%28year%20%3C%201000%29%0D%0Ayear+%3D1900%0D%0Avar%20day%3Dmydate.getDay%28%29%0D%0Avar%20month%3Dmydate.getMonth%28%29%0D%0Avar%20daym%3Dmydate.getDate%28%29%0D%0Aif%20%28daym%3C10%29%0D%0Adaym%3D%220%22+daym%0D%0Avar%20hours%3Dmydate.getHours%28%29%0D%0Avar%20minutes%3Dmydate.getMinutes%28%29%0D%0Avar%20seconds%3Dmydate.getSeconds%28%29%0D%0Avar%20dn%3D%22AM%22%0D%0Aif%20%28hours%3E%3D12%29%0D%0Adn%3D%22PM%22%0D%0Aif%20%28hours%3E12%29%7B%0D%0Ahours%3Dhours-12%0D%0A%7D%0D%0Aif%20%28hours%3D%3D0%29%0D%0Ahours%3D12%0D%0Aif%20%28minutes%3C%3D9%29%0D%0Aminutes%3D%220%22+minutes%0D%0Aif%20%28seconds%3C%3D9%29%0D%0Aseconds%3D%220%22+seconds%0D%0A//change%20font%20size%20here%0D%0Avar%20cdate%3Ddayarray%5Bday%5D+%22%2C%20%22+daym+%22%20%22+montharray%5Bmonth%5D+%22%20%22+year+%22%20%7C%20%22+hours+%22%3A%22+minutes+%22%3A%22+seconds+%22%20%22+dn+%22%22%0D%0Aif%20%28document.all%29%0D%0Adocument.all.clock.innerHTML%3Dcdate%0D%0Aelse%20if%20%28document.getElementById%29%0D%0Adocument.getElementById%28%22clock%22%29.innerHTML%3Dcdate%0D%0Aelse%0D%0Adocument.write%28cdate%29%0D%0A%7D%0D%0Aif%20%28%21document.all%26%26%21document.getElementById%29%0D%0Agetthedate%28%29%0D%0Afunction%20goforit%28%29%7B%0D%0Aif%20%28document.all%7C%7Cdocument.getElementById%29%0D%0AsetInterval%28%22getthedate%28%29%22%2C1000%29%0D%0A%7D%0D%0Awindow.onload%3Dgoforit%0D%0A//%20%20End%20--%3E%20%0D%0A//%5D%5D%3E%0D%0A%3C/script%3E"));
//-->
//]]>
</script>
</span>
Tempatkan kode tersebut dibagian mana saja yang anda sukai.
Have fun :-)