Tips Cara Membuat Gambar Bergetar Pada Blogger

Jadi konsepnya adalah ketika cursor mendekati gambar yang telah kita beri widget ini maka widget ini akan memberi efek bergetar pada gambar. 

Trik ini juga bisa di terapkan untuk gambar iklan yang ada pada blog kita agar lebih menarik

Ikuti langkah berikut dengan cermat dan teliti, karena sebagian besar ke gagalan di sebabkan tidak teliti dan buru-buru dan sisanya .... ya karena saya salah nulis kodenya hehehe

• Buka Account Blogger
• Menuju ke Edit HTML ( jangan lupa untuk mencentang kotak Expand Widget Templates & Download dahulu template anda )
• Cari kode  ]]></b:skin> emudian paste kode ini di atas kode ta

.gambargetar {

position: relative;

}

• Cari kode </head> kemudian paste kode dibawah ini diatas kode tadi

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

• Simpan template anda
• Sekarang menuju Page Elements > Add Gadgets > HTML/JavaScript
• Copas kode berikut ( jangan lupa diedit sesuai keinginan anda )

<center><a title="NAMA-WIDGET" href="http://ALAMAT-BLOG.com/" target="_blank"><img style="left: 0pt; top: 0pt;" src=" http://ALAMAT-GAMBAR-IKLAN" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar"/></a></center>

Nama Widget : Ganti dengan nama widget kamu

Alamat Blog : Ganti dengan alamat Blog kamu, contoh : bloggerproo-id.blogspot

Alamat Gambar Iklan : Ganti dengan alamat gambar kamu, alamatnya bisa didapat dari photobucket, upload dan dapatkan alamat gambarmu.