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
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&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/AVvXsEhC2jJX8D-gnqzbwqv9_IFz53WiiZhCFhCmZiIELHhi8b5co4CSTvCjsfpfJ1K8NVHs9KEohuFKHZDQTiEKZ0i_3G4OdtwOR5V1bySl7gE5FmPnO3LiqqIc2uYgfFHvMUBgoYbTz2YD57o/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.
Belum ada tanggapan untuk "Cara Membuat Efek Getar Pada Gambar Di Postingan Blog"
Posting Komentar