Dalam dunia blog, membuat gambar memperbesar jika disentuh cursor itu dinamakan Image Zoom Effects atau Hover Zoom Smooth Effects. dan cara membuatnya itu gampang banget kok guys.
Caranya :
- Masuk ke akun blogger kalian
- Pilih Template->Edit HTML
- Cari kode ]]></b:skin>, gunakan ctrl+f biar mudah mencarinya
- Kalau sudah ketemu, copy kode dibawah ini
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -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.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
- Lalu klik Save Template
Semoga berhasil ya sob.....
No comments:
Post a Comment
Ayo guys, berikan komentarmu! dan Jangan lupa patuhi peraturan dibawah ini :
- Berkomentarlah dengan kalimat yang baik dan sopan
- Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
- Dilarang KERAS!! berkomentar yang mengandung unsur Negatif,SARA, Pornografi dan Judi
- Dilarang berkomentar yang tidak berhubungan dengan topik
- Dilarang promosi usaha (travel,olshop,obat,dll) dikolom komentar ini, dicbox saja boleh asal tidak nyepam
- No anonymous,unknown or delete -,-
- Tidak mematuhi? HAPUS!! Admin sering online untuk memantau blog ini
- Repost?credit please.....