Membuat efek gambar bergetar
untuk membuatnya cukup mudah kok.
1. seperti biasa masuk ke akun blogger
2. pilih rancangan/edit HTML
3. jangan lupa untuk mecentang kotak ( Expand Widget Template )
4. Lalu kalian cari kode ]]></b:skin> dan simpan kode dibawah ini tepat diatas kode ]]></b:skin>
.gambargetar {
position: relative;
}
position: relative;
}
5. Lalu klik tombol save template
Selanjutnya untuk langkah berikutnya kalian pilih Rancangan => edit HTML => Tambah gadget => HTML java/script.
dan Copas kode dibawah ini.
<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&attredirects=0" type="text/javascript"></script>
Untuk membuat gambar itu bergetar simpan kode di bawah ini, entah itu di dalam post blog atau dimana saja.
<img style="left: 0pt; top: 0pt;" src="http://1.bp.blogspot.com/-v8l8srZJhrY/Tup57HdeMaI/AAAAAAAAARc/TuBG300oZDU/s1600/google_plus.png" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">
Nb: ganti url gambar yang berwarna merah itu dengan url gambar kalian.
Selamat mencoba..!!!
Thank's infonya... sukses di terapkan
BalasHapus