Ads Top

Blogger'da Otomatik Resim Boyutlandırma

Yeni şablonumu hazırlarken en korktuğum konulardan biri de buydu aslında..
Konularda bulunan resimlerin boyutu büyükse, sidebar'ın üzerine taşabiliyor. Bazen blogları gezerken dikkatimi çekiyor ve oldukça kötü duruyor. Bu da siteden çabuk ayrılma sebebi haline getiriyor durumu. Boyutu yüksek olan resimlerin ulaşabileceği maksimum sınırı belirleyerek bu sorunu aşağıdaki kodlar sayesinde ortadan kaldırabiliyoruz.










Öncelikle aşağıdaki kodu aratıyoruz.

]]></b:skin>


Üstteki kodun hemen üstüne şu kodları yapıştırıyoruz.

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


Şablonumuzu kaydedip kapatıyoruz. Max widht ve height değerini değiştirerek, resimlerimizin ulaşabileceği azami sınırı belirleyebiliyoruz...

Not: Kodlar tınlamazmodunda'dan alınmıştır.



Blogger tarafından desteklenmektedir.