Jadi kita tidak perlu membuka photoshop dan sejenisnya hanya untuk semisal memasang banner yang akan bergerak saat di hover . Ya , kali ini kita akan membuat gambar menjadi bergetar saat di hover atau lebih tepatnya kita akan membuat shake hover image effect yang nantinya sangat berguna semisal kita ingin meletakkan sebuah banner promo yang atraktif .
Langsung saja caranya dibawah ini .
Cara Membuat Gambar Bergoyang
Masuk ke Blogger
Buka menu Layout
Tambah saja gadget baru dan pilih HTML/JavaScript
Letakkan Script ini di dalamnya
<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://goblogination.blogspot.com/" target="blank"> <img class="img_OW" src="http://4.bp.blogspot.com/-gQOebO2ruhQ/UnYRAzOlz7I/AAAAAAAABWY/nKlClY-ZOHI/s1600/demoimg.png" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>
Nanti jadinya akan menjadi seperti dibawah ini
Keterangan :
Ubah Url gambar denbgan banner atau gambar milik anda sendiri .
Simpan dan selesai .
Berikan komentar anda tanpa menyisipkan tautan aktif. Terimakasih