Cara Memberi Efek Gambar Zoom pada Blog

zoom-in-icon

Cara Memberi Efek Gambar Zoom pada Blog, cara ini membantu anda untuk membuat blog anda semakin menarik dan memudahkan bagi pembaca saat melihat gambar tanpa perlu meng-klik gambar akan terlihat jelas.

Ikuti langkah di bawah ini:

  1. Login Akun Blogger kalian
  2. Klik Tamplate lalu pilih Edit HTML.
  3. Kemudian cari kode ]]>
  4. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya lalu simpan templatenya.

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

Efek gambar

Selamat Mencoba ^_^

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s