Cara Menciptakan Efek Gambar Atau Foto Bergetar

majalah , Tutorial CSS    Comment   

Tidak dapat menciptakan gambar bergerak dengan format .gif? Jangan khawatir, alasannya yaitu Belajar Ngeblog di BLOG akan membuatkan trik menciptakan efek gambar bergetar dikala disentuh oleh kursor. Tidak perlu keahlian photoshop atau sejenisnya, hanya menambah beberapa script jQuery gambar atau foto yang pasang di blog dapat bergetar.

Dengan membuat imbas gambar atau foto bergetar ini, akan menarik pengunjung blog kita untuk melihatnya. Bagaimana tidak? dikala kursor mengarah pada gambar otomatis akan bergetar. Efek pada foto bergetar ini dapat juga diberikan link, jadi dapat dimanfaatkan pada iklan banner. Inilah contohnya;



Cara Membuat Efek Gambar atau Foto Bergetar
1. Login ke blogger.com
2. Pilih Tata Letak lalu Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan arahan 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/AVvXsEjHg2YBr_Oq0BxalGTssuPU_igkjO6yhQ_Jdqwc-r6EvGwDfeNFMSD1YcEzrGocoFW4OULNAcF-c42TbKGUD4kInorP2tUc4LIo34rUAru0Ln-Pyn1yDLGemdXfBuo3-3kdNXo9Gss5HmGZ/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 kau sendiri.
6. Simpan bila sudah selesai.

Bagaimana, sudah dapat atau belum? Efek gambar bergetar ini juga dapat dipasang postingan. Ada banyak imbas yang dapat dicoba untuk ditampilkan di blog, semisal efek jelas gelap dan masih banyak lagi.
Sumber https://www.kurniasepta.com/