Untuk membuat gambar bergerak di dalam blog kita tidak butuh yang namanya membuat gambar gif dengan photoshop dan itu akan terlalu ribet . Karena dengan script saja kita bisa membuat gambar menjadi bergerak bahkan bergetar dengan cepat .

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 :


Ganti http://goblogination.blogspot.com dengan link URL tujuan
Ubah Url gambar denbgan banner atau gambar milik anda sendiri .


Simpan dan selesai .

Berikan komentar anda tanpa menyisipkan tautan aktif. Terimakasih