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="http://1.bp.blogspot.com/-oCEKHMtLFH0/UiXGs-TuYoI/AAAAAAAAAYA/bvBeeClEIQc/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 !!!
SHARE

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.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

12 comments:

  1. nice tutorialnya nya gan.....

    patut di coba nih...

    jangan lupa follback blog ane ya gan,,,

    ReplyDelete
    Replies
    1. silakan di coba gan,
      ane segra meluncur k blognya

      Delete
  2. Pasti saya coba nih...
    thanks for share...

    ReplyDelete
  3. haha lucu juga ya sob gambarnya bergetar sndiri ktika dilewati kursor !
    thanks tutornya ttg cara membuat efek gambar bergetar..
    -keep blogging-

    ReplyDelete
  4. terimakasih saya lagi cari eh pas ketemu
    ma'af mas saya minta di koreksi blogsaya ini

    http://bug-gimp.blogspot.com/

    ReplyDelete
  5. Replies
    1. selamat mencoba aja gan, thanks sudah berkunjung

      Delete
  6. gan kalo mau di taro di gambar gede juugo ini gmn? ini blog saya http://wf-subs.blogspot.com
    di tunggu balasannya

    ReplyDelete