Memasang Widget jam di blog memang tidak terlalu diperlukan, seperti yang pernah saya jelaskan pada postingan sebelumnya,"(Cara Agar Blog Jadi Ringan). Tapi tips blogger kali ini sedikit berbeda karena widget jam yang akan kita buat bukan widget jam yang diembed kodenya dari pihak ketiga (situs penyedia widget). Javascript ini tidak terlalu besar pengaruhnya terhadap loading blog, dijamin sangat ringan.
Cara Membuat Widget Jam Digital Buatan Sendiri
- Login ke akun Blogger anda, pilih Tata letak.
- Kemudian Add Gadget, pilih HTML/Javascript
- Letakkan kode di bawah berikut ke dalam gadget
<form name="Tick">
<input name="Clock" size="12" type="text" /></form>
<script type="text/javascript">
function show()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.Tick.Clock.value=
hours+":"+minutes+":"+seconds+" "+dn
setTimeout("show()",1000)
}
show()
</script>
<input name="Clock" size="12" type="text" /></form>
<script type="text/javascript">
function show()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.Tick.Clock.value=
hours+":"+minutes+":"+seconds+" "+dn
setTimeout("show()",1000)
}
show()
</script>
Simpan gadget dan lihat hasilnya. Sekarang anda punya widget jam tanpa harus embed code dari site penyedia widget jam.
Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
https://odyckdnero.blogspot.com/2011/12/widget-jam-digital-buatan-sendiri.html
Related Post
Blogging
- Mengembalikan Akun Twitter Yang Ditangguhkan
- Cara Cepat Meningkatkan Ranking Alexa
- Membuat Widget Tanggalan Sendiri
- Mengukur Kecepatan Loading Blog
- Cara Agar Artikel Cepat Terindeks Search Engine
- Daftar Blog Dofollow
- Membuat Text Area III (Hide and Show Atau Spoiler)
- Cara Membuat Kolom Related Post (Artikel Terkait)
- Membuat Efek Blur Pada Gambar
- Memasang Flash Game di Blogger
Blogspot
- Menghilangkan icon Obeng dan Tang diedit Blogger
- Membuat Widget Tanggalan Sendiri
- Cara Membuat dan Memasang Widget Twitter di Blogger
- Membuat Background Template Tidak Bergerak
- Tambah Like Button Facebook Hide and Show di Blog
- Tambah Like Button Facebook di Blog
- Cara Membuat Kolom Related Post (Artikel Terkait)
- Memasang Flash Game di Blogger
- Memberi Efek Zoom Pada Image Dengan Jquery
- Membuat Elemen Footer Multi Kolom
0komentar:
Post a Comment
*Silahkan tinggalkan komentar, saran atau kritik sesuai topik untuk kemajuan blog ini.
*Komentar anda secepat mungkin direspon, karena saya tidak selalu online.
*KOMENTAR TIDAK SOPAN, BERIKLAN, VULGAR, MELECEHKAN, SARA atau PROVOKATIF akan dianggap SPAM, dan berakhir di Tong Sampah..!!!