Membuat Gambar Membesar Ketika Tersentuh Kursor

Baca Juga

1. Pertama Anda masuk akun blogger Anda.

2. Di Dasbor blog, pilih menu lalu klik Tempate terus Edit HTML
3. Kemudian letakkan arahan di berikut ini di atas </head>

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <style type='text/css'>
 .post-thumbnail{float:left;margin:0;padding:0;width:90%;overflow:hidden}
 .post-thumbnail img{display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:0;position:static;transition:all .8s ease-out;border-radius:5px !important;overflow:hidden}
 .post-thumbnail img:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
 </style>
 </b:if>
 </b:if>

Dan sekekarng Klik simpan. Dan coba Anda lihat di Homepage (Beranda) blog Anda dan arahkan kursor pada gambar.

PERHATIAN: Apabila Anda sudah mengikuti cara di atas tetapi tidak berfungsi (Gambar masih Tidak Membesar) silahkan Ganti .post-thumbnail Sesuai struktur pada template Anda. karana setiap template mempunyai struktur yang berbeda-beda.

Cukup hingga di sini postingan Cara Membuat Gambar Membesar Saat Tersentuh Kursor Selamat mencoba.

Sumber: KompiAjaib.com