Tutorial Cara Membuat Gambar Bergetar Saat Di Sentuh Cursor Mouse
Contonya anda bisa lihat di sini CLIK AJA
Kali ini saya akan memposting trik blog yaitu cara membuat gambar
bergetar saat di sentuh cursor mouse. Langsung saja lihat tutorialnya di
bawah ini :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/AVvXsEiL1yAeWMgK555AMtxNpGTOYcYNXEsg02Mh6StsfvhOLdjn9m6ZOXX6EiFNhMiJS1NElP3dpiFIuM1HbW38QFWN3YZaqqqtX9IiC72f7gMDVxx_LKOcOikan_hr7I6vuGpsoiMuwGsSpgPQ/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/AVvXsEiL1yAeWMgK555AMtxNpGTOYcYNXEsg02Mh6StsfvhOLdjn9m6ZOXX6EiFNhMiJS1NElP3dpiFIuM1HbW38QFWN3YZaqqqtX9IiC72f7gMDVxx_LKOcOikan_hr7I6vuGpsoiMuwGsSpgPQ/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.
Selamat Mencoba Sahabat Bloger
Tidak ada komentar:
Posting Komentar