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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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
