Cara Menyesuaikan Gambar Pada Template

Dulu saya sering mengalami hal ini karena tidak adanya dasar dalam membuat blog dan juga tentang kode-kode HTML. Hal ini biasanya sering terjadi pada para blogger pemula yang baru belajar blogging kemudian posting artikel tanpa memperhatikan ukuran image yang diposting.

 Penting sekali untuk diperhatikan dalam memposting artikel masalah kerapian susunan artikel agar pembaca merasa nyaman membaca setiap artikel anda. Salah satunya ukuran image yang sering mengganggu karena ukurannya yang terlalu besar sampai menutupi sidebar dan yang lainnya.

Berikut trik untuk membuat ukuran image pada postingan anda otomatis sesuai dengan apa yang anda tentukan:

• Login ke Blogger.com
• Kemudian Tata Letak
• Pilih Edit HTML
• Centang Expand Widget
• Copas kode berikut diatas kode ]]></b:skin>

.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}

• Silahkan ganti ukurannya pada kode berwarna merah sesuai dengan selera anda
• Untuk menyamakan ukuran image pada semua postingan berikut kodenya:

.post img {
width:500px;
height:400px;
padding:10px;
}

• Kode berwarna merah ganti dengan ukuran image yang anda inginkan
• Selanjutnya Save Template

Semoga bermanfaat dan membantu anda..