Pada postingan kali ini saya akan membahas tentang cara membuat gambar bergetar di blogger,
jadi ketika gambar di sorot oleh cursor mouse maka gambar tersebut akan bergetar otomatis.
Cara ini berlaku untuk gambar yang berada di artikel maupun yang berada di widget blog.
Jika masih bingung silakan lihat demonya.
Cara memasangnya :
1. Login ke Blogger masuk ke -> Rancangan -> Edit HTML
2. Cari kode berikut
]]></b:skin>
3. Copy dan paste kode CSS ini di atas kode tadi
.gambargetar{
position:relative
}
4. Cari lagi kode berikut
</body>
5. Lalu masukan kode di bawah ini di atas kode no 4
<script type="text/javascript" src="http://purnamalabs.googlecode.com/files/Bergetar.js"></script>
6. Untuk memanggilnya kamu bisa masukan kode di bawah ini pada artikel atau widget
<img src="MASUKAN_URL_GAMBAR_DI_SINI" class="gambargetar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()">
Semoga bermanfaat
Post a Comment
Untuk menyisipkan kode gunakan tag [pre]kode anda[/pre]