Minggu, 13 Juli 2014

Cara Mudah Membuat Efek Gambar Bergetar Di Blog

Membuat efek gambar bergetar untuk Anda yang suka widget-widget yang unik.
Cara mudah membuat efek gambar getar di blog - Sebuah gambar pada postingan blog akan bergetar saat di lalui cursor ,penasaran kan seperti apa ?
Jika Anda mau mencoba cara ini silahkan ikuti saja langkah-langkah mudah dibawah ini ;
  1. Sig in dulu ke acoount blogger Anda.
  2. Masuk ke rancangan =>>edit HTML=>>cari kode ]]></b:skin>
  3. Pasang kode di bawah ini diatas kode ]]></b:skin> 
  4. .gambargetar { position: relative; }
  5. Kemudian save dan masuk ke elemen halaman =>>tambah gadged =>>HTML/java script.
  6. Selanjutnya masukan kode dibawah ini :
  7. <script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>
  8. Terakhir Anda tinggal pasang kode pemanggil getarnya di mana gambar Anda mau di pasang. Berikut ialah kodenya :
  9.  <img style="left: 0pt; top: 0pt;" src=" http:/i43.tinypic.comw9fnz5.jpg"onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

Keterangan :
Kode yang berwarna merah silahkan Anda ganti dengan kode url gambar Anda.





Trima Kasih Atas Kunjungan Anda