Mau Tahu Cara Memasang Jam Di Blog? It's Easy

Mau Tahu Cara Memasang Jam Di Blog? It's Easy - Setelah lama juga tidak posting, kali ini sesuai judulnya, saya akan membahas cara memasang widget jam di blog. Mungkin ada beberapa sobat blogger yang ingin mempercantik tampilan blognya dengan memasang jam di blog.
Cara Memasang Jam Di Blog
Jika sebelumnya sobat sudah mempercantik tampilan blog dengan membuat efek salju, maka dengan memasang jam atau widget jam di blog bisa membantu pembaca blog sobat untuk mengetahui waktu saat ini. Baiklah, langsung saja, ada beberapa cara untuk memasang jam di blog yaitu dengan javascript atau menggunakan layanan pihak ketiga.

Memasang Widget Jam Di Blog Dari Pihak Ketiga


Maksudnya di sini adalah kita akan memanfaatkan layanan dari pihak ketiga yang menyediakan widget jam supaya bisa dipasang di blog kita.
  1. Langsung saja ke web nya yaitu http://clocklink.com
  2. Pilih tab Gallery
  3. Silahakan sobat memilih model sebelum memasang jam di blog, ada analog, digital, animasi, dll.
  4. Kemudian klik "View HTML"
  5. Selanjutnya akan ada tombol persetujuan, click saja "Accept"
  6. Langkah selanjutnya sebelum memasang jam di blog adalah menentukan lokasi sebagian besar pembaca blog sobat, untuk Indonesia pilih GMT +7
  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 pihak 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>
Copy dan paste kode di atas dan letakkan di widget HTML/Javascript. Oke sob, itulah sedikit tutorial yang bisa saya tulis hari ini, semoga artikel tentang

memasang jam di blog

ini bisa bermanfaat :)

Tags : , , , , .

3 comments | add comment

Ary Ashari said...

makasih gan buat ane pasang di blog ane thx ya by Fatmafarma.com

Mau Tahu Cara Memasang Jam Di Blog? It's Easy
ramafc said...

makasi ilmunya om,, patut di pelajari dan dicoba

Mau Tahu Cara Memasang Jam Di Blog? It's Easy
rizky pratama said...

Makasih Tutor Nya Gan.sangat mudah dipahami :)

Mau Tahu Cara Memasang Jam Di Blog? It's Easy

Post a Comment

Terima kasih sudah mampir di Blog Gedek. Jika sobat ingin memberikan komentar silahkan isi form kementar di bawah dengan sopan dan jangan spam.

Semua komentar akan dimoderasi dahulu. Mohon maaf jika membalasnya lama, jangan lupa mampir lagi ya :)