Cara Memasang Jam Animasi Indah di Blog

Beberapa waktu yang lalu, saya sempat memberikan Tutorial Blogspot tentang cara memasang Jam Digital di Blog. Widget Jam pada tutorial sebelumnya memiliki tampilan sederhana cocok buat blogger yang lebih mengutamakan tampilan yang simple untuk blognya. Bagaimana untuk blogger yang lebih mengutamakan keindahan? Oleh sebab itu, saya sudah menyiapkan beberapa jam yang memiliki tampilan yang sangat cantik. Dalam dunia blogging, widget jam ini disebut dengan nama Stylish Flash Animated Clock (Jam yang menggunakan animasi Flash).

Jam,o'clock,clock,jam animasi,jam blog,waktu,time,second,minute,menit,cara memasang jam animasi,Stylish Flash Animated Clock

Kalau sobat blogger memasang Widget Animasi jam di blog sobat, di jamin tampilan dari blog sobat tambah terlihat indah dan cantik. Jadi, buktikan saja langsung dengan memasang Widget Stylish Flash Animated Clock.

Cara Memasang Jam Animasi di Blogger Blog

Sign In di blogger.com
Pada menu drop down, pilih Layout
Klik Add a gadget dan pilih HTML/JavaScript
Copy Paste kode kode yang sudah saya siapkan di bawah pada kolom yang tersedia
Simpan Widget sobat

Widget Jam dengan Animasi bagian 1

Widget Jam dengan Animasi bagian 2

Widget Jam dengan Animasi bagian 3

Widget Jam dengan Animasi bagian 4

Widget Jam dengan Animasi bagian 5

Widget Jam dengan Animasi bagian 6

Widget Jam dengan Animasi bagian 7

Widget Jam dengan Animasi bagian 8

Widget Jam dengan Animasi bagian 9

Widget Jam dengan Animasi bagian 10

Widget Jam dengan Animasi bagian 11

Widget Jam dengan Animasi bagian 12

Widget Jam dengan Animasi bagian 13

Kode dari masing-masing widget Jam

Kode Widget Jam dengan Animasi bagian 1

<div class="noop-clock"><center><embed height="140" src="http://www.hitarek.com/clock/clock24-6.swf?TimeZone=IST&Place=&" type="application/x-shockwave-flash" width="210"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 2

<div class="noop-clock"><center><embed width="210" src="http://www.hitarek.com/clock/clock24-2.swf?TimeZone=IST&Place=&" height="140" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 3

<div class="noop-clock"><center><embed width="120" src="http://www.hitarek.com/clock/clock5-1.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 4

<div class="noop-clock"><center><embed height="230" src="http://www.hitarek.com/clock/clock5-2.swf?TimeZone=IST&Place=&" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 5

<div class="noop-clock"> <center><iframe allowtransparency="true" frameborder="0" height="148" hspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.hitarek.com/animation/dolls5.html" vspace="0" width="100"></iframe></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center>

Kode Widget Jam dengan Animasi bagian 6

<div class="noop-clock"> <center><embed width="130" src="http://www.hitarek.com/clock/clock11-4.swf?TimeZone=IST&Place=&" height="130" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 7

<div class="noop-clock"> <center><embed width="160" src="http://www.hitarek.com/clock/clock25-9.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 8

<div class="noop-clock"> <center><embed width="140" src="http://www.hitarek.com/clock/clock22-5.swf?TimeZone=IST&Place=&" height="180" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.tutorialblogspot.com/2013/03/cara-memasang-jam-animasi-indah-di-blog.html">Free Clock</a></center></div>

Kode Widget Jam dengan Animasi bagian 9

<div class="noop-clock"> <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object> </div>

Kode Widget Jam dengan Animasi bagian 10

<div class="noop-clock"> <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object></div>

Kode Widget Jam dengan Animasi bagian 11

<div class="noop-clock"> <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed> </div>

Kode Widget Jam dengan Animasi bagian 12

<div class="noop-clock"> <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed> </div>

Kode Widget Jam dengan Animasi bagian 13

<div class="noop-clock"> <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object> </div>

Kalau sobat blogger ingin sedikit memodifikasi letak dari widget jam tersebut, coba masukkan kode berikut SETELAH kode jam:

<style type="text/css">.noop-clock { position: fixed; right: 0%; top: 0%; padding: 3px 7px; box-shadow: -2px 2px 6px; }</style>

Advertisment

** Share nya Jangan Lupa Ya.. Salam,salam **

Judul Artikel: Cara Memasang Jam Animasi Indah di Blog

Unknown

Saya hanya blogger biasa yang suka kutak-katik blogger, senang belajar dan berbagi pengetahuan dan pengalaman dengan yang lain. Blog ini hasil dari source mas Septi Rosidi, semoga dapat bermanfaat untuk semua. Silahkan masukan email Anda pada kotak di bawah ini untuk mendapatkan update artikel dari semujursite.