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
Senarai laman Web Untuk Muat Turun Template BlogBerikut adalah senarai laman web untuk perkongsian bagi anda yang masih tercari-cari dimanakah tempat yang sesuai untuk …
Buat gambar Bergerak (scrolling Image)Pergerakan setiap gambar bergerak boleh diubah sama ada dari kiri ke kanan,bawah ke atas serta kanan ke kiri.anda juga b…
Memasang Disable Right Click Pada BlogTutorial kali ini juga diambil dari laman unwanted86 melalui blog tutorialuntukblog. mungkin ada sesetengah dari anda ya…
Bagaimana Meletakkan Iklan Nuffnang Secara StatikBagi anda yang sudah mempunyai blog sendiri sudah tentu ingin menjana sedikit pendapatan dari hasil blogging,biarpun and…
Bagaimana Menukar Template Blog AndaMungkin anda sudah bosan dengan rupa blog anda yang suram,untuk menyelesaikan masalah ini,apa kata anda mencari template…

