Cara membuat foto bergetar ketika di sentuh oleh kursor

Biasanya untuk gambar bergerak, kita memerlukan gambar yang berformat .gif, kan? tapi sekarang itu tidak berlaku lagi. kini kita bisa membuat gambar bergetar layaknya seperti gambar yang berformat .gif. kita tidak perlu keahlian Photoshop, ataupun yang sejenisnya. cukup menambah beberapa script jQuery gambar atau foto. jan jadi, deh.

dengan memanfaatkan efek ini, pengunjung blog akan semakin tertarik dengan blog kita. efek pada foto bergetar ini juga bisa dijadikan link, jadi bisa dimanfaatkan pada iklan banner.


Cara membuat:

• login ke blogger.com
• pilih tata letak, kemudian pilih Tambahkan Gadget.
• pilih html/JavaScript
• masukkan kode html berikut ini:

<style type="text/css">
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://sainsmediaku.files.wordpress.com/2011/03/aa1.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>

• ganti tulisan berwarna merah dengan gambar yang kamu miliki
• pilih simpan

hasilnya seperti di bawah ini (arahkan kursor ke gambar):

gimana? tertarik, kan?