Related Post

Selasa, 03 April 2012

ZOOM IMAGE OTOMATIS PADA BLOG

Mungkin sobat blogger semua pernah menemukan sebuah blog yang mempunyai keunikan pada gambar di postingan atau disidebar. Dimana apabila mouse diarahkan kegambar tersebut secara otomatis akan menjadi besar atau dalam istilahnya efek zoom pada gambar. Ini merupakan salah satu trik untuk Mempercantik Blog kita.
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>


.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:

Eka mengatakan...

nice info sobat, mantap nih, ntr kapan2 bsa di coba hehe

Arie Agustomii mengatakan...

Gk bisa di copy code nya mass

Anonim mengatakan...

Wagu, ngasih tip jangan setengah2 mbah... kalo blog ini berisi tips, seharusnya diizinkan untuk copy-paste tulisan, agar bisa copy code nya.....

Posting Komentar