Memasukan gambar pada posting suatu artikel supaya artikel bisa tampil lebih menarik dan bisa menjadi daya tarik supaya orang tertarik untuk membaca arikel yang sobat tulis.
gambar dalam posting kadang juga sebuah keharusan jika sobat membuat artikel sebuah peristiwa, misalnya kecelakaan, demo dan lain sebagainya. agar pembaca artikel yang kita bisa di jelasankan seperti apa situasinya dengan gambar itu.
Untuk membuat tampilan gambar lebih menarik, gambar akan menjadi besar apabila tersentuh cursor. dan sobat blogger tentunya pengen dong punya tampilan gambar akan menjadi besar apabila tersentuh cursor di blog sobat. Nah yang belum tahu caranya membuat gambar akan menjadi besar apabila tersentuh cursor berikut caranya..
Login ke akun blogger
Pilih Template > Edit HTML Centang Expand Widget Template.
Cari kode
]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
Kalau sudah ketemu, letakkan 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; }
.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); }
klik Simpan Template. Sekarang bisa lihat hasilnya di blog Sobat. Selamat mencoba.