Membuat Efek Gambar Getar

Situseo Blog : Cara membuat efek getar pada gambar, suatu efek yang unik untuk sebuah gambar, alangkah bagusnya jika bisa dijadikan untuk link...ya itu akan dijadikan PR. Untuk demo coba arahkan mouse ke gambar dibawah ini :




Cara ini saya dapat dari tanpa-isi.blogspot.com untuk membuatnya masuk pada Design - Edit HTML dan letakan kode css dibawah ini diatas ]]></b:skin>

.gambargetar {
position: relative;
}

kemudian save, dan pindah ke Design - Page Element - Add Widget - HTML/Javascript dan copy paste script dibawah ini :

<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>

Selanjutnya membuat kode pemanggil untuk gambar getarnya :

<img style="left: 0pt; top: 0pt;" src="alamat gambar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

demo diatas menggunakan url gambar yang saya cantumkan dalam script, kalian bisa mengganti gambarnya dengan gambar kalian.

Semoga bermanfaat,