Cara membuat Efek Getar pada Gambar di Blogger

Selamat sore sahabat AYRIY ZONE, gimana kabar nih pasti tentunya baik-baik saja kan, Oke kali ini saya mau share tutor nih, tutor ini cocok untuk sobat yang suka pasang gambar pada blognya yaitu Cara membuat Efek Getar pada Gambar di Blogger saat di sentuh cursor, coba liat demonya Disini. Gimana udah lihat demo efeknya.

Cara membuatnya ikuti langkah-langkah di bawah ini:

• Klik Rancangan --> Edit Html --> Centang Expand Widget Template
• Kemudian letakkan Kode 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=ANoY7crTQ4Lxnhf7dmkwV CDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV6  
8yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbp
T2LfB9Qj1Q6pHvA% 3D&amp;attredirects=0" type="text/javascript">  

Jika sudah, ini kode untuk memanggil gambarnya :

<img style="left: 0pt; top: 0pt;" src="http://4.bp.blogspot.com/-XfwaMTVN4Is/TuwLIBdtvqI/AAAAAAAAAZg/CNPLwreon5Q/s400/06062011479.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

ganti tulisan yang berwarna merah tebal dengan Url gambar anda.
sekian dulu Cara Membuat Efek Getar pada Gambar di Blogger semoga bermanfaat.