Membuat efek gambar bergetar
efek ini menurut saya cukup menarik perhatian saya, kenapa? karena efek ini bagus banget buat gambar yang ada di blog kamu bergetar.., dan efek ini juga bisa dijadikan link..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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbWtP02MDxbfljvIGLoH1W53PslajsuG36ZFbaV1ckIC4qVh97d5G3TnVHFLfYTaM-4WxvCzLvvKBXatXmnxkO265SJ3uY8zB_5yc9bAOTkr6EX9VJV9pYyPU7ehLvp_l4My7Dh365kJ8/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