Inilah contohnya :
Cara Membuat Efek Gambar atau Foto Bergetar
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<style type="text/css">
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://kurniasepta.blogspot.com/" target="blank"> <img class="img_OW" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAYhe9XjT1GFly711z1wzKSRZ7qxsQmzMdwyBcwmnKhRRgOyNXRV0PvTOdT_0fsB1Z8dkHbZa-b0lLXtWykxHzPPfCxBXEgjW7iTlh5LC7kLAW5V36fyVDidTLNm3CmSOyyizGuQnHOAwP/s250/IMG_20120709_173345.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://kurniasepta.blogspot.com/" target="blank"> <img class="img_OW" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAYhe9XjT1GFly711z1wzKSRZ7qxsQmzMdwyBcwmnKhRRgOyNXRV0PvTOdT_0fsB1Z8dkHbZa-b0lLXtWykxHzPPfCxBXEgjW7iTlh5LC7kLAW5V36fyVDidTLNm3CmSOyyizGuQnHOAwP/s250/IMG_20120709_173345.jpg" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" /></a>
5. Ganti yang berwarna merah dengan URL gambar kamu sendiri.
6. Simpan jika sudah selesai. Tutorial Cara Membuat Gambar Bergetar Saat Di Sentuh Cursor Mouse
0 comments:
Post a Comment