Tips Cara Membuat Gambar Bergetar Pada Blogger

Rifqi's Blog ™ - 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> kemudian paste kode ini di atas kode tadi

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

Save dan lihat hasilnya


Selamat mencoba ....