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

  1. Sign In di blogger.com
  2. Pada menu drop down, pilih Layout
  3. Klik Add a gadget dan pilih HTML/JavaScript
  4. Copy Paste kode kode yang sudah saya siapkan di bawah pada kolom yang tersedia
  5. 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&amp;Place=&amp;" 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><!-- hitarek.com --><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><!-- hitarek.com --><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&amp;Place=&amp;" 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><!-- hitarek.com --><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><!-- hitarek.com --><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><!-- hitarek.com --><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 **

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.


0 komentar:

Posting Komentar

 
Top