Cara memasang efek zoom pada gambar

Efek zoom pada gambar akan berlaku apabila cursor diajukan pada gambar tersebut,sebagai contohnya korang boleh lihat di Google image.Untuk memasang efek ni senang saja,turuti saja langkah2 dibawah.

Langkah 1
Pergi ke Dashboard > Template > Edit Html > Proceed

Langkah 2
Tekan ctrl + F pada keyboard untuk mengaktifkan fungsi find,kemudian taip kod ]]></b:skin> pada ruang find dan tekan enter.

Langkah 3
Salin kod dibawah dan pastekan sebelum kod ]]></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);

}

Klik preview,jika tiada error savekan saja.