Thursday, 8 May 2014

Cara Menambahkan Jam dan Tanggal di Blog

  Agar tampilan blog lebih segar dan enak dilihat, tidak ada salahnya sobat blogger menambahkan tanggal dan jam pada blog sobat blogger.  Berikut contoh tampilannya : 

Cara Mudah Pasang Jam dan Tanggal di blog
 Silahkan sobat Copy Paste kode script  di bawah ini dan simpan di blog sobat , diantaranya :

- Untuk kode script widget Hari Tanggal Bulan dan Tahun

<script>
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>")
</script>


- Untuk kode script widget Jam Waktu menit detik dan AM:PM

<span id="Variasiblogger"></span>
<script type="text/javascript">
//<![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:#000;font-size:12px;">'
+ hours + '</span> : <span style="color:#000;font-size:12px;">'
+ minutes + '</span> : <span style="color:#000;font-size:12px;">'
+ seconds + '</span></b><span style="color:#000;font-size:12px;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('Variasiblogger').innerHTML=miReloj;
//
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>


Kemudian silahkan sobat pilih kode script di atas akan menambahkan widget jam dan tanggal diposisi sebelah mana ? ,Untuk cara menambahkan widget di blogspot ini saya akan memberikan contoh misalnya sobat ingin menambahkan Gadget tersebut di sidebar , Caranya adalah sebagai berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com

- kemudian klik Tata Letak pada Dashboard blogs sobat

- klik Tambahkan Gadget lalu klik HTML/JavaScript , Nah disitu silahkan pada kotak Gadget HTML Copy paste kode script widget jam dan tanggal di atas, dan jangan lupa klik simpan.

Demikian penjelasan saya mengenai Bagaimana Cara Memasang widget Jam dan Tanggal di blogs, dengan adanya widget jam dan tanggal tersebut di webs atau blogs sobat. Nah, sekarang sobat blogger sudah punya penunjuk waktu dan hari,tanggal, dan tahun di blog sobat blogger...:) Bangga donk yaa :) Terimakasih :)

0 komentar:

Post a Comment