Mau Tahu Cara Memasang Jam Di Blog?

Mau Tahu Cara Memasang Jam Di Blog - Setelah lama juga tidak posting, kali ini sesuai judulnya, saya akaan membahas cara memasang widget jam di blog. Mungkin ada beberaapa sobat blogger yang ingin mempercantik tampilan blognya dengaan memasang jam di blog.

Jika sebelumnya sobat sudah mempercantik tampilaan blog dengan membuat efek salju, maka dengan memasang jam atau widget jam di blog bisa membaantu pembaca blog sobat untuk mengetahui waktu saat ini. Baiklah, langsung saja, ada beberaapa cara untuk memasang jam di blog yaitu dengan javascript atau menggunaakan layanan pihak ketiga.

Memasang Widget Jam Di Blog Dari Pihak Ketiga

Maksudnya di sini adalaah kita akan memanfaatkan layanan dari pihak ketiga yang menyediaakan widget jam supaya bisa dipasang di blog kita.

Langsung saja ke web nya yaitu http://clocklink.com

Pilih tab Gallery

Silahakan sobat memilih model sebelum memasang jam di blog, ada analog, digital, animasi, dll.

Kemudian klik "View HTML"

Selanjutnya akan ada tombol persetujuan, click saja "Accept"

Langkah selanjutnya sebelum memasang jam di blog adalah menentukan lokasi sebagian besar pembaca blog sobat, untuk Indonesia pilih GMT +7

Berikutnya akan muncul kode-kode yang sudah siap untuk ditaruh di blog sobat, copy saja dan paste kan di widget di blog sobat

Memasang Widget Jam Di Blog Dengan Javascript

Selain dengan pihaak ketiga, kita juga bisa memasang jam di blog dengan kode javascript, berikut kodenya

<script language="JavaScript">
function tanggal()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
if (jam < 10)
{
jam = '0' + jam;
}
if (menit < 10)
{
menit = '0' + menit;
}
if (detik < 10)
{
detik = '0' + detik;
}
var ar = document.getElementById('tanggal');
ar.innerHTML = jam + ':' + menit + ':' + detik;
setTimeout('tanggal()', 1000);
}
</script>

<h4 align="center"> Sekarang Menunjukkan Jam </h4>
<table align=center style="border:2px solid black" bgcolor="#89bfff"><tr><td>
<div id="tanggal">
</div></td></tr>
</table><br />
<script language="JavaScript">tanggal()</script>