Membuat Efek Kaca Pembesar pada Gambar di Blog

Yang di maksudkan disini adalah membuat pointer memiliki efek kaca pembesar saat menyorot gambar yang ada di blog. hal ini dimaksudkan untuk memperjelas gambar apabila gambar yang kita terlalu kecil sehingga tidak jelas.

berikut langkah untuk menambahkan efek kaca pembesar saat melihat gambar di blog breaker

1. buka rancangan HTML Template

2. cari kode ]]></b:skin> (gunakan Ctrl + F)

3. Letakkan kode berikut diatasnya

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 1.7s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7); }


4. Save Template

Note: apabila zoom yang dihasilkan terlalu besar atau terlalu kecil,
ubah angka yang berwarna merah.