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
Memasang fungsi Signature Dalam BlogAda sesetengah dari blogger yang suka meletakkan signature diakhir post,tutorial kali ini akan mengajar anda untuk melet…
Memasang Disable Right Click Pada BlogTutorial kali ini juga diambil dari laman unwanted86 melalui blog tutorialuntukblog. mungkin ada sesetengah dari anda ya…
Daftar dan letak linkwithinuntuk memaparkan post yang berkaitan di blog,salah satu cara yang popular adalah dengan menggunakan servis dari linkwith…
Menukar ikon Pada URL BlogMempunyai ikon tersendiri dapat membezakan identiti anda dengan blog2 yang lain,sebab jika kita menggunakan default URL …
Meletakkan Website lain Ke Dalam BlogTutorial ini sangat berguna bagi anda yang mempunyai idea untuk memasukkan website lain ke dalam blog anda tanpa meningg…

