Cara Membuat Efek Gambar Bergetar

Anda tidak perlu mempunyai keahlian Photoshop untuk bisa membuat gambar bergerak seperti pada gambar postingan ini. Anda hanya perlu menambah beberapa script jQuery gambar atau foto yang pasang di blog bisa bergetar.

Seperti apa cara membuatnya ?

Cara Membuat Efek Gambar
1. Login ke dashboard blog Anda
2. Pilih Tata Letak kemudian Tambah Gadget
3. Klik 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://umstrieduatiga.blogspot.com/" target="blank"> <img class="img_OW" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKDjylhZgoD4QgRiNVcepRxMCSDNa51IS7iIj20H0190fGEaOOB29JpzzQqQF-kNnZar0KZ72YzXHgZ3tl2zS28fzV5EZeveXYFFlzGV2EPqGEluFb0TlrwPb88h5XCCuHcfxb2kQCZ6e/s320/images.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>

5. Ganti yang berwarna merah dengan URL gambar Anda sendiri.
6. Simpan dan lihat hasilnya

Hasilnya akan terlihat jika Anda mengarahkan kursor ke gambar tersebut. Bagaimana, seperti apa getarannya ?

Selamat mencoba !!!

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.