Cara Membuat Efek Getar Pada Gambar Di Postingan Blog

Cara Membuat Efek Getar Pada Gambar Di Postingan Blog, Kali Ini Blog Belajar Blog ingin berbagi tutorial tentang blog sesuai dengan judul blog membuat efek getar pada gambar postingan blog Tutorial ini merupakan lanjutan dari Membuat Efek Zoom Pada Gambar Postingan Blog apabila tips blog sebelumnya gambar akan menampilkan zoom pada saat cursor di arahkan dan pada tips blog ini Efek gambar Bergetar bila di mouseover,

1. Login ke akun blogger anda
2. Klik Template » Edit HTML » Lanjutkan » Klik Expand Template Widget
3. Tambahkan kode CSS berikut ini diatas ]]></b:skin>
.gambargetar {
position: relative;
}



Kemudian Save.

Kemudian Add Element -- Add Widget -- Html/Javascript. Copy paste script berikut :

<script src="http://tips-goooogle.googlecode.com/files/gambargetar%20Xtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript">

Jika sudah ini kode untuk memanggil gambarnya :

<img style="left: 0pt; top: 0pt;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAuvccmsalpJuWytpQKTBD1umE0xQRXM8hA5o4FEKum4MMplijuv0feVITMA5BFXOuGw3qeMJ4pcd0c28676_Z0JN6xiyyg2KZaEaTxjoABrKmtM4fLa55I1UHVahl9c8eBQNRCkKk2TM/s640/nenek+gaul.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

ganti yang berwarna merah dengan Url gambar anda yak,

yak sekian dulu Cara Membuat Efek Getar Pada Gambar Di Postingan Blog semoga bermanfaat.

Postingan terkait:

Belum ada tanggapan untuk "Cara Membuat Efek Getar Pada Gambar Di Postingan Blog"

Post a Comment