Cara Memasang Widget Jam di Blog

Cara Memasang Widget Jam di Blog - Pada kesempatan kali ini saya akan share bagaimana membuat widget jam dan kalender pada blog. Jam merupakan sebuah waktu yang tampil dengan menit, detik dan jam yang tampil pada hari ini.

Agar terlihat lebih menarik tampilan pada blog maka kita ingin menambahkan widget jam baik pada sisi kanan maupun kiri di blog. Pemasangannya pun cukup mudah anda hanya tinggal mencopy saja script dengan memilih jenis, dan tampilannya.

Cara Memasang Widget Jam di Blog

• Login terlebih dahulu dengan akun blogger anda
• Kemudian pilih Tata Letak
• Pilih posisi widget dengan mengklik Tambah Gadget, dan pilih widget HTML/JavaScript
• Pilih salah satu tampilan jam atau kalender yang anda inginkan kemudian copy scriptnya dan pastekan pada widget HTML/JavaScript pada posisi yang telah anda tentukan dan mengatur letak dimana widget akan disimpan, dibawah ini saya lampirkan tampilan serta scriptnya yang bisa anda copy

Preview Gambaran dan Scriptnya widget Jam

1.  Name: html5-004

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:40px;"src="http://www.clocklink.com/html5embed.php?clock=004&timezone=local&color=orange&size=120&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=orange"></iframe>

2.  Clock Name: HTML5 017

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:240px;height:25px;"src="http://www.clocklink.com/html5embed.php?clock=017&timezone=local&color=red&size=240&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=red"></iframe>

3.  Analog 8004

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8004-black.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>

4.  Name: html5-012

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:250px;height:250px;"src="http://www.clocklink.com/html5embed.php?clock=012&timezone=local&color=blue&size=250&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=blue"></iframe>

5.  Name: html5-sdt

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:235px;height:45px;"src="http://www.clocklink.com/html5embed.php?clock=sdt&timezone=local&color=blue&size=235&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=blue"></iframe>

6.  Analog 0054

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0054-brown.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>

7.  Digital Bloguru003

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="bloguru003-black.swf";obj.TimeZone="ACST"; obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>

8.  YoshidaSauce001

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="yoshidasauce001-black.swf";obj.TimeZone="ACST"; obj.width=175;obj.height=65;obj.wmode="transparent";showClock(obj);</script>

9.  OtsukaShokai001

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="otsukashokai001-navy.swf";obj.TimeZone="ACST"; obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>

10.  html5-019

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:160px;height:160px;"src="http://www.clocklink.com/html5embed.php?clock=019&timezone=GMT0700&color=brown&size=160&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=brown"></iframe>

11.  5031

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5031-blue.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=80;obj.wmode="transparent";showClock(obj);</script>

12.  Analog 8009

<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8009-red.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>

• Kemudian klik tombol simpan dan lihat hasilnya

Selengkapnya bisa mengunjungi : ClockLink