Informasi Tips Blog Blogger | Seputar Kehidupan Blogger | Software | Games | Gadgets

Cara Memasang Jam Di Blog

Posted by Herly Deflin 0 komentar
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 :)

0 komentar:

Post a Comment