Cara Pasang Efek Zoom Pada Gambar

Untuk memasang efek zoom pada gambar,sebagai contoh gambar diatas(gerakkan cursor kebahagian gambar zoom diatas),caranya amatlah senang.

1)Log in ke blogger,dashboard>design>Edit HTML
2) Tekan kekunci F3 atau Ctrl+F. Seterusnya taip atau paste kod          
]]></b:skin> pada ruang Find dan kemudian tekan Enter
3)Masukkan kod dibawah ini sebelum ]]></b:skin>

.post img {
filter:alpha(opacity=60);  /* Internet Explorer */
opacity:0.6;  /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

4)Klik preview,dan jika tiada error,klik save dan lihat hasilnya

Related Post

  • Menukar Ayat Asal Pada LinkwithinBagi sesiapa yang menggunakan linkwithin pada blog, sememangnya akan muncul satu ayat yang telah di'set'kan secara autom…
  • Meletak Gambar Sebelah Tajuk EntriTajuk entri adalah antara perkara yang pertama dinilai oleh seseorang pengunjung yang mengunjungi sesebuah blog. Disamp…
  • Daftar dan letak linkwithinuntuk memaparkan post yang berkaitan di blog,salah satu cara yang popular adalah dengan menggunakan servis dari linkwith…
  • Ketahui Bilangan Pengunjung Dalam Blogwhous.amung.us menawarkan widget yang dapat menunjukkan bilangan pengunjung yang online pada masa sebenar. Antara keleb…
  • Background Dalam Entri Berikut adalah tutorial untuk memasang customize backgroud dalam blog anda. Apabila anda login pada blog anda, letakk…
Comments
0 Comments
0 Komentar untuk "Cara Pasang Efek Zoom Pada Gambar"

Note: Only a member of this blog may post a comment.

 
Copyright © 2014 mediasiber - All Rights Reserved
Template By Catatan Info