Cara Membuat Gambar atau Foto Pada Blog Bergetar

HOVERING IMAGE SHAKES WITH JAVASCRIPT

Halo sobat kumpulan's... pernah gak liat gambar atau foto pada blog bergetar kayak contoh diatas... mungkin sebagian sobat sudah pernah melihatnya. Maksudnya gini lho sob, jika sobat mengarahkan mouse sobat kepada gambar atau foto itu maka dia akan bergetar. Membuat foto atau gambar bergetar dapat mebuat blog menjadi menarik lho sob, hahhah.... gimana penasaran cara membuatnya. Ok scriptnya kagak sulit kok sob tinggal copy script dibawah 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://ahmadfikri98.blogspot.com/" target="blank"> <img class="img_OW" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBXzL-LUNwW9xafTyx3pKHS0wKbhUlIVsHmAyMBCqOO_KsT3uPpFDu3QZmhHY6H4Dxvc4R3a0PwZYt7xt8K3IXdWBmO1t7NwGD4nFtryQmbVIsVt6si2dd1YebX8fH7UTepB5lteHVQ22/s1600/Foto_BLog_Kumpulan_di_galeri_seni.jpg"  onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>

Note : 

• Dapat sobat pasang sebagai widget atau pada salah satu postingan
• Kode berwarna Merah ganti dengan gambar yang akan sobat pasang

Maka hasilnya seperti ini.

Semoga Membantu sob :)

Terima kasih atas kunjungannya sob. JIka sobat men-copas artikel ini, jangan lupa cantumkan link sumber dari blog ini !!. Bagi sobat yang ingin mendapatkan informasi terbaru dari blog ini. SIlahkan like dan follow blog ini ya (^_^)

Tweet