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. Mau lihat demo widget keren ini?
Silahkan berkunjung di blog IAN_Azhari™
dan lihat pesan di kiri atas “Thanks to
Visit Us..!!”.
Bagaimana, sudah mencoba letakkan mouse ke gambar
tersebut? Tertarik mengetahui cara pemasangannya? Ikuti langkah berikut dengan
cermat dan teliti, karena sebagian besar kegagalan di sebabkan tidak teliti dan
buru-buru dan sisanya.... ya karena saya salah nulis kodenya... hehehe
1. Buka
account Blogger.
2. Silahkan
menuju menu Edit HTML, jangan lupa
untuk memberi tanda cek pada kotak
Expand Widget Templates.
3. Copas
kode berikut dan letakkan di atas ]]></b:skin>
.gambargetar {position: relative;}
4. Beralih
ke menu Page Elements, pilih Add a Gadget kemudian berlanjut ke HTML/JavaScript. Copas kode berikut dan
Save.
<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&attredirects=0" type="text/javascript"></script>
5. Sekarang
tingal menambahkan widget untuk membuat efek getarnya. Masih di menu Page Elements, Pilih Add a
Gadget dan menu HTML/JavaScript
kopas kode berikut. Tapi Edit dahulu kodenya sesuai punya kamu.
<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>
Postingan
0 komentar:
Posting Komentar