Tutorial Effect Zoom Image

Assalamualaikum dan salam 1 Malaysia..


Kali ini Dya ingin berkongsi tutorial cara buat effect zoom image di bahagian blog post.Sebelum ini Dya ada berkongsi tutorial gambar di zoom apabila di klik pada entri yang lepas.Tutorial kali ini pula di setiap gambar yang korang post akan di zoom secara automatik? Menarik kan? Cuba korang zoom gambar di bawah ini.Jom cuba !

 Log in dashboard > design > Edit HTML

 Kemudian cari code ]]></b:skin> dengan menggunakan F3 atau CTRL+F di ruangan Find dan kemudian tekan Enter

 Salin dan paste code di bawah di ATAS atau SEBELUM code ]]></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);
}

.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);
}
]]></b:skin> 

 Akhir sekali preview dan jika tiada mesej error boleh la save dengan senang hati! Harap-harap korang paham dengan tutorial kali ini ;)