Home » , , » Cara Membuat Efek Gambar Bergetar

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 this article :
Comments
12 Comments

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

 
Support : Contact | Privacy Policy | Disclaimer
Copyright © 2014. Umstrieduatiga.com - All Rights Reserved
Template Created by Mas Kolis Published by Umstrie23.com
Proudly powered by Blogger>