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/AVvXsEia5pbRlLhG6uULjNJSA2-MXV8Y0O9xYQ2qcTh10pAl_gcMqNOUppvnF78gJNlHSDr4JkajPPvVxTDzq9SoYTtYDdRx6sHHZV-qS6JymJbv5bDaHjDM9jlXF9BQgHwxk0fS0CobijjeY4ow/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/AVvXsEia5pbRlLhG6uULjNJSA2-MXV8Y0O9xYQ2qcTh10pAl_gcMqNOUppvnF78gJNlHSDr4JkajPPvVxTDzq9SoYTtYDdRx6sHHZV-qS6JymJbv5bDaHjDM9jlXF9BQgHwxk0fS0CobijjeY4ow/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.
Ditulis Oleh : Rizky
Sobat sedang membaca artikel tentang Tutorial Cara Membuat Gambar Bergetar Saat Di Sentuh Cursor Mouse . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini. Silakan di rubah dan sesuwekan sesuka selera sobat
Tidak ada komentar:
Posting Komentar