Selasa, 13 Desember 2011

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 :


nenek gaul

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">

ini kode untuk meletakkan gambar
<div class='widget-content'>
<center><img style="height: 105px; width: 110px;" alt="blogger-amik" src="http://i54.tinypic.com/33y4xds.gif" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar" />


<p style="" id="example2"></p></center>
</div>




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.

0 komentar:

Posting Komentar