Membuat Gambar Menjadi Besar Saat Disentuh Kursor

Pada kesempatan kali saya akan posting yang berhubungan dengan blog yaitu "cara membuat gambar menjadi lebih besar ketika disentuh kursor". Ya, mungkin yang saya posting kali ini tidak terlalu "wah" dikalangan blogger seperti Anda ini. Tapi, daripada saya tidak posting apa-apa lebih baik saya posting saja mungkin ada yang belum tahu tentang ini. Ok daripada berlama-lama berikut: "cara membuat gambar postingan lebih besar ketika disentuh oleh kursor"... Cek this out bro!!:

• Masuk ke akun Blogger Anda.
• Pilih  > Template > Edit HTML
• Centang Expand Widget Template.
• Cari kode ]]></b:skin>, jika susah gunakan fungsi Find. Tekan CTRL+F pada keyboard, lalu cari kode yang ingin Anda cari
• Jika sudah pasang kode berikut tepat 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; }<br>.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); } <br> <br>  

• Langkah akhir klik Simpan Template. Nah, selanjutnya lihat blog Anda.