Memasang Widget Date and Time (Waktu dan Tanggal) Ala Ngeposta

MemasangWidget Date and Time (Waktu dan Tanggal) Ala Ngeposta - Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan karunia dan anugrahnya sehingga sampai saat ini saya masih bisa mengirup udara segar dan melanjutkan aktifitas kehidupan sehari-hari. Pada kesempatan kali ini saya akan share alias berbagi sebuah widget sederhana, widget ini saya beri nama "Widget Date and Time Ala Ngeposta". Pra tampil (preview) tampilan dari widget date and time ala ngeposta ini kurang lebihnya adalah seperti pada gambar berikut :

Cara membuatnya sebenarnya cukup mudah sekali, yaitu menggunakan JavaScript di kombinasikan dengan tag tertentu pada html serta menambahkan selector CSS untuk memperindah output/tampilannya.

Silahkan bagi anda yang berminat memasang widget date and time (waktu dan tanggal) ala ngeposta ini langsung saja simak dan ikuti langkah-langkah di bawah ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Tata Letak".

3. Klik "Tambah Gadget".

4. Kemudian pilih "HTML/JavaScript".

5. Lalu masukkan script kode berikut ini :

<div style="background: #009900; border-left: 3px solid black; color: white;
padding: 5px 5px 5px 10px; height: 17px; text-shadow: 1px 1px #000; margin-top: 0;">

Hari : 
<script type="text/javascript">
now = new Date();

if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))

else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli",
"Agustus","September","Oktober","November","Desember")

document.write(hariarray[hari]+", "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script> →

<script type="text/javascript">
 window.setTimeout("jam()",1000);
 function jam() {
 var tanggal = new Date();
 setTimeout("jam()",1000);
 document.getElementById("ngeposta").innerHTML = 
 tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
 }
 </script>

<span id="ngeposta"></span>
</div>

6. Klik save/simpan, selesai dan lihat hasilnya...

Cukup sekian dulu postingan tentang cara memasang widget date and time (waktu dan tanggal) ala ngeposta ini dan semoga bermanfaat bagi anda. Selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by ngeposta...

Anda sedang membaca Artikel berjudul Memasang Widget Date and Time (Waktu dan Tanggal) Ala Ngeposta, dan dengan URL http://kabarkabaru.blogspot.com/2012/10/memasang-widget-date-and-time-waktu-dan.html. Anda boleh membagikan artikel Memasang Widget Date and Time (Waktu dan Tanggal) Ala Ngeposta ini kepada Teman - Teman anda namun jangan lupa mencantumkan link Memasang Widget Date and Time (Waktu dan Tanggal) Ala Ngeposta sebagai Sumbernya.Terima Kasih