Rully Blogger

kali ini saya akan memposting bagaimana cara agar efek gambar dapat membesar di blog anda ketika disorot mouse. Langsung saja tidak usah basa-basi. Ikuti langkah di bawah ini:
  1. Login Akun Blogger kalian
  2. Klik Rancangan lalu pilih Edit HTML.
  3. Kemudian cari kode ]]></b:skin>
  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);}
Hasilnya akan seperti gambar di bawah ini, silahkan disorot dengan mouse.

Categories:

Leave a Reply


display:scroll;position:fixed;bottom:10px;left:10px;z-