Blogların görüntü bakımından sağlıklı olması, ziyaretçi tarafından da hoş karşılanan bir durumdur. Örnek olarak; blogunuzdaki resimlerin boyutu dahi ziyaretçi gözünde önemlidir. Çünkü sizin, blogunuzdaki resimlere önem vermeniz, blogunuza emek verdiğinizin göstergesidir. Hâl bu olunca, bu durum da ziyaretçiler tarafından takdir toplamanızı beraberinde getirebilir. Bu blogger dersimizde, çok kolay bir şekilde, blogumuzdaki resimlerin (orantılı olarak) nasıl otomatik olarak boyutlandırabileceğimizi öğreneceğiz. Aşağıdaki adımları uyguladıktan sonra, istediğiniz gibi büyük boyuttaki resimleri blogunuza ekleyebileceksiniz. Ve bu resimler hiçbir şekilde blogunuzdaki yan menüye vs. taşmayacak. Çünkü otomatik bir şekilde boyutlandırılacaklar. İsterseniz hemen, bu güzel uygulamanın anlatımına geçelim.

Öncelikle temamızda yer alan aşağıdaki kodu bulalım;

]]></b:skin>

Ve aşağıdaki kodları, yukarıdaki koddan önce ekleyelim;

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

Not: Yukarıdaki CSS kodları, yazıya ait icon, buton vs. büyümesine yol açıyor ise; yukarıda yer alan kodlardaki ".post img" kısmını, ".post-body img" şeklinde değiştirebilirsiniz.