Cari Blog Ini

Memuat...
  • Facebook Rocks

    Go to Blogger edit html and replace these slide 1 description with your own words. ...

  • Facebook vs Twitter

    Go to Blogger edit html and replace these slide 2 description with your own words. ...

  • Facebook Marketing

    Go to Blogger edit html and replace these slide 3 description with your own words. ...

  • Facebook and Google

    Go to Blogger edit html and replace these slide 4 description with your own words. ...

  • Facebook Tips

    Go to Blogger edit html and replace these slide 5 description with your own words. ...

Jam Javascript untuk Blog | Ringan

Membuat jam digital dengan menggunakan java script ternyata tidak begitu sulit, asal sudah punya kode java script pemanggil jam nya, cukup tambahkan beberapa kode di Tambahkan gadget baru blogger, maka sebuah jam akan muncul.

Sebagai blogger yang sibuk, dan menulis banyak hal melalui blog, yang kebanyakan tidak penting, heheee..Salah satu hal yang kita tulis adalah Tips Blog, atau apapun yang bisa dilakukan untuk blog.

Maka tidak ada salahnya jika kita share tips membuat jam digital dengan javascript ini. Bukan kita yang membuatnya, kita hanya memodifikasinya setelah mendapatkannya dari sini.

Oke, karna waktu sedikit mepet dan keselepet, kita langsung menuju ke TKP (tempat kopi paste) aja deh, inilah yang blogger harus lakukan.
Pertama : cari kode </head>, dan letakan kode berwarna orange dibawah keatasnya.

<script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000);
function waktu() {
var tanggal = new Date();
setTimeout("waktu()",1000);
document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
}
</script>
Ke dua : jangan lupa klik save template untuk melanjutkan ke pekerjaan selanjutnya.

Ketiga : pergi ke bagian layout blogger, lalu pilih Add New Gadget atau Tambah Gadget terus HTML/JavaScript dan masukan kode berikut kedalam body konten.
<div bgcolor="white" text="black" onload="waktu()">
<div id="output">
</div></div>

Ke 4 : klik save .
Ke 5 : cek blogmu sekarang, ada sebuah jam disana, mudah-mudahan!.

contoh gambar untuk langkah ketiga.


0 komentar:

Poskan Komentar