Perbesar Gambar Pada Blog

Dapatkan template ini di sini

Holla!

Beberapa blog pastinya memiliki gambar untuk mewakili isi postingan tersebut. Nah, untuk mempercantik gambar atau fitur gambar, saya memberikan tips cara memperbesar gambar ketika tetikus menyentuh gambar tersebut. Seperti contoh di bawah ini.

Gambar sebelum disentuh tetikus

gambar setelah disentuh tetikus (menjadi lebih besar)

Nah, bagaimana caranya?

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>4. Copy kode CSS di bawah ini, lalu Paste di atas kode ]]></b:skin>


.post img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 2px 2px 0; } .post img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }

4. Simpan

Mudah bukan? Ada pertanyaan? Silakan tinggalkan di kolom komentar