Cara Membuat Efek Getar Pada Gambar Di Postingan Blog

. Thursday, November 7, 2013
nenek gaul
Tutorial Belajar 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, Untuk demo silahkan Klik dibawah ini

DEMO BELAJAR BLOG

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/AVvXsEj36BDKuLIAkUt3NCo3BWBi2-h3_SUS38l0S1GDrc9yUx4jbdC2AUqnBwzQjXXS-MDweZM_6ZqryDGcuOzJvybwN1lrtAklTog_C6SVPWx2UkF10ioZ7anRrD9AMSHkcjDOcF4TMX1yKYI/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, kalau pake nenek itu juga boleh.

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

0 comments: