Tidak bisa membuat gambar bergerak dengan format .gif? Jangan khawatir, karena Belajar Mengsi Blog akan berbagi trik membuat efek gambar bergetar saat disentuh oleh kursor. Tidak perlu keahlian photoshop atau sejenisnya, hanya menambah beberapa script jQuery gambar atau foto yang pasang di blog bisa bergetar.
Dengan membuat efek gambar atau foto bergetar ini, akan menarik pengunjung blog kita untuk melihatnya. Bagaimana tidak? saat kursor mengarah pada gambar otomatis akan bergetar. Efek pada foto bergetar ini bisa juga diberikan link, jadi bisa dimanfaatkan pada iklan banner.lihat di atas sebagai contoh nya.
Cara Membuat Efek Gambar atau Foto Bergetar
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan 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://erixloupster.blogspot.com/" target="blank"> <img class="img_OW" src="http://4.bp.blogspot.com/-GtchCUNclmM/T_lwRQvTVoI/AAAAAAAADwE/2MfXSwzLZpg/s250/IMG_20120709_173345.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://erixloupster.blogspot.com/" target="blank"> <img class="img_OW" src="http://4.bp.blogspot.com/-GtchCUNclmM/T_lwRQvTVoI/AAAAAAAADwE/2MfXSwzLZpg/s250/IMG_20120709_173345.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>
5. Ganti yang berwarna merah dengan URL gambar kamu sendiri.
6. Simpan jika sudah selesai.
Bagaimana, sudah bisa atau belum? Efek gambar bergetar ini juga bisa dipasang postingan. Ada banyak efek yang bisa dicoba untuk ditampilkan di blog, semisal efek terang gelap dan masih banyak lagi.
Sumber : Erik