Cara Membuat Gambar Jadi Besar Saat Terkena Cursor

IKLAN 1

Pernahkah anda ketika mengunjungi sebuah blog lalu saat cursor anda terkena gambar di postingan lalu membesar, dan apakah anda igin membuat yang seperti itu??, jika iya silahkan ikuti caranya dibawah ini.

Berikut caranya:

• Silahkan anda masuk dulu ke akun blogger anda.
• Lalu pilih Template > Edit HTML.
• Centang/Ceklis Expand Widget Template.
• Lalu cari kode ]]></b:skin>, dengan menekan tombol CTRL+F pada keyboard lalu ketik kode tadi dan enter.
• Kalau sudah ketemu lalu copy-paste kan kode script dibawah di atas kode ]]></b:skin>

..post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

• Kalau sudah jangan lupa pilih Simpan Template, dan tinggal cek hasilnya.

IKLAN 2