Menambahkan widget jam di blogger atau blogspot

Assalamualaikum. Wr.Wb. bro/sis

Jam merupakan hal yang penting untuk melihat waktu, baik di PC ataupun di komputer, tentunya penunjuk waktu ini sudah ada di panel Windows, sebelah kanan. Akan tetapi terkadang ukurannya kecil, jadi untuk beberapa orang ada yang tidak ngeh dengan penunjuk waktu tersebut. Nah untuk memudahkan pembaca melihat jam pada situs yang mengunjungi blog kita, maka tidak ada salahnya menambahkan widget jam.


Widget yang saya ambil adalah dari pihak ke 3 bukan dari google. Akan tetapi widget-widget yang ada di pasaran search engine, adalah menggunakan iframe, nah berikut adalah beberapa list yang non iframe yang cocok untuk blogger.

https://time.is/id/widgets
bagi yang suka simplisitas, maka time.is cocok untuk anda.



Oke copy can saja contoh widget berikut:
<a href="https://time.is/Jakarta" id="time_is_link" rel="nofollow" style="font-size:20px">Waktu di Jakarta:</a>
<span id="Jakarta_z41c" style="font-size:20px"></span>
<script src="//widget.time.is/id.js"></script>
<script>
time_is_widget.init({Jakarta_z41c:{template:"TIME<br>DATE<br>SUN", date_format:"dayname, dnum monthname year, week", sun_format:"Matahari terbit: srhour:srminute Matahari terbenam: sshour:ssminute<br>Lama hari: dlhoursj dlminutesm", coords:"-6.2146200,106.8451300"}});
</script>
Nanti hasilnya bisa dilihat dibawah ini:

Waktu di Jakarta:

http://localtimes.info/getwidget/
Untuk yang eyecatching, localtimes.info bisa juga anda coba.


Nah sebagai contoh:
<div style="margin: 15px 0px 0px; display: inline-block; text-align: center; width: 200px;"><div style="display: inline-block; padding: 2px 4px; margin: 0px 0px 5px; border: 1px solid rgb(204, 204, 204); text-align: center; background-color: rgb(255, 255, 255);"><a href="" style="text-decoration: none; font-size: 13px; color: rgb(0, 0, 0);"> </a></div><script type="text/javascript" src="http://localtimes.info/clock.php?&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=200&ham=0&hbg=0&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=1025"></script></div>
Berikut adalah previewnya.


Ok silahkan mencoba

Share this

Related Posts

Latest
Previous
Next Post »