Cara membuatnya pun tidaklah terlalu susah menurut Mbah google(so, dapat juga kutipan dari beliau), sobat hanya membutuhkan beberapa menit saja untuk membuat efek zoom pada gambar di postingan blog sobat. Biasanya cara ini dpergunakan untuk menyiasati penghematan tempat apabila kita harus menggunakan ukuran gambar yang besar. Dengan cara ini gambar bisa kita perkecil sesuai dengan kolom postingan, kemudian apabila pembaca ingin melihat ukuran yang sebenarnya tinggal mengarahkan mouse saja ke gambar tersebut.
Mau tahu caranya?.....okay, langsung aja yach kutipan dari mbah Google diturunkan....
1.Login ke akun blogger sobat
2.Klik Menu Template/Rancangan
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari kode ]]></b:skin> (agar lebih mudah mencarinya klik Ctrl+F)
6.Masukan kode berikut tepat di atas kode ]]></b:skin>
7.Klik Simpan Template
Atau dapat kita menggunakan metode css javascript lainnya, (search disini )
.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); }7.Klik Simpan Template
Atau dapat kita menggunakan metode css javascript lainnya, (search disini )
3 komentar:
nice info sobat, mantap nih, ntr kapan2 bsa di coba hehe
Gk bisa di copy code nya mass
Wagu, ngasih tip jangan setengah2 mbah... kalo blog ini berisi tips, seharusnya diizinkan untuk copy-paste tulisan, agar bisa copy code nya.....
Posting Komentar