Cara Membuat Efek Getar pada Gambar pada Blogger

Cara Membuat Efek Getar pada Gambar pada Blogger, udah lama nih gak update, saya sekarang mau kasi Efek gambar Bergetar bila di mouseover, coba liat demonya ya berikut :



Gimana mau gak efeknya kalau diarahin kursornya ke Nenek anda ?

Caranya Masuk Blogger
Klik Rancangan --> Edit Html --> Centang "expand Widget Template"
Kemudian letakkan CSs berikut diatas kode ]]></b:skin>

.gambargetar {
    position: relative;

}



Kemudian Save.


Kemudian Add Element -- Add Widget -- Html/Javascript. Copy paste script berikut :

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

Jika sudah ini kode untuk memanggil gambarnya :


<img style="left: 0pt; top: 0pt;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEJVY5DQfzT4wWvPdE_exRABuWC4QpaR1tlvk5j0X655bpYhrcIPSDSMyEXfu1l70JpT_SjCyxV1bUd-AETqqK5CY0OViTOFHQ3r1e54XKs_U5FFodO_w31kpO2bj5cbwhJJNAePx0wfQ/s640/nenek+gaul.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

ganti yang berwarna merah dengan Url gambar anda yak, kalau pake nenek itu juga boleh.

yak sekian dulu Cara Membuat Efek Getar pada Gambar pada Blogger semoga bermanfaat

Artikel Terkait: