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
Powered by Blogger.
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…

