>

Tuesday, December 16, 2014

Cara Membuat Gambar Memperbesar jika disentuh Cursor pada Blog

Image result for dessert

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 :

  1. Masuk ke akun blogger kalian
  2. Pilih Template->Edit HTML
  3. Cari kode ]]></b:skin>, gunakan ctrl+f biar mudah mencarinya
  4. 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.....