Januari 21, 2012

Membuat Efek Gambar Getar

Situseo Blog : Cara membuat efek getar pada gambar, suatu efek yang unik untuk sebuah gambar, alangkah bagusnya jika bisa dijadikan untuk link...ya itu akan dijadikan PR. Untuk demo coba arahkan mouse ke gambar dibawah ini :




Cara ini saya dapat dari tanpa-isi.blogspot.com untuk membuatnya masuk pada Design - Edit HTML dan letakan kode css dibawah ini diatas ]]></b:skin>

.gambargetar {
position: relative;
}

kemudian save, dan pindah ke Design - Page Element - Add Widget - HTML/Javascript dan copy paste script dibawah ini :

<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>

Selanjutnya membuat kode pemanggil untuk gambar getarnya :

<img style="left: 0pt; top: 0pt;" src="alamat gambar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

demo diatas menggunakan url gambar yang saya cantumkan dalam script, kalian bisa mengganti gambarnya dengan gambar kalian.

Semoga bermanfaat,

9 Diskusi untuk Membuat Efek Gambar Getar

31 Januari 2012 12.09  

nice

1 Februari 2012 00.00  

@cv. raja kulit : thank you

19 Februari 2012 00.21  

keren abis mas blog nya
sama tutorial tutorialnya

22 Februari 2012 23.25  

Thanks gan infonya....
& blognya keren

malam gan.untuk kode pemanggilnya diletakan dimana gan?mksh

24 Februari 2012 14.08  

@BATMAN-KEBLINGER :diletakan sesuai keinginan, kalau mau di post ya letakan di post, kalau mau di sidebar sebagai widget satukan saja kodenya

19 April 2012 18.35  

gan templatenya blog agan namanya apa
bagus dan simple

19 April 2012 23.11  

@Arie Nuerhansyah lihat dibagian credit footer (bawah)

4 Mei 2012 10.08  

thanks sob, nice.
jgn lupa berkunjung ya di blog Hidden Technology Lengkong
http://dedyhtl.blogspot.com

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top