Cara Agar Gambar Postingan Tidak Melebihi Halaman Blog

Gambar dalam postingan sebuah blog pasti akan selalu ada karena untuk memberi informasi yang lebih detail kepada pembaca atau pengunjung. Akan tetapi jika gambar itu melebihi halaman dari blog maka akan membuat blog kelihatan tidak menarik maka dari itu kita perlu mengatur ukuran gambar tersebut secara default. Sebenarnya di blogger sendiri sudah menyediakan tool sendiri untuk mengatur ukuran gambar  yaitu small, medium, large, X-large dan original size tetapi tidak semuanya cocok dengan gambar yang akan di posting karena bisa saja kelihatan kecil atau besar tapi melewati halaman blog. Oleh karena itu maka kita perlu mengaturnya lewat kode html, Perhatikan langkah-langkah berikut.

Cara Agar Gambar Postingan Tidak Melebihi Halaman Blog

1. Login ke blogger
2. Masuk ke halaman dashboard
3. Pilih template
4. Klik Edit HTML
5. Tekan CTRL + U untuk mencari kode ]]></b:skin> 
6. Letakan kode di bawah ini di atas kode ]]></b:skin>

#header img { max-width: 97%; max-height:91%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:91%; max-height:91% }
#navigation img { vertical-align:bottom; max-width:79%; }                           7. Nanti hasilnya seperti ini

#header img { max-width: 97%; max-height:91%; margin:1px 1px;padding:0px;}

.post img { vertical-align:bottom; max-width:91%; max-height:91% }
#navigation img { vertical-align:bottom; max-width:79%; }

]]></b:skin>
                                                                                     
   8. Klik previuw, kalau tidak ada pesan error maka save. Selesai

Sekian postingan atau artikel kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.

SALAM SUKSES :-)

Share this

Share on FacebookPlus on Google+