Resimlerinizi Bloğunuza Duyarlı Hale Getirin

Blogger resimleri otomatik boyutlandırma. Bloğumuza eklediğimiz görseller çok büyük olduğu zaman demodaki gibi taşıyor. Bu olumsuz duruma engel olmanın bir yolu var.

Birkaç CSS kod yardımıyla bloğunuzdaki resimleri duyarlı hale getirebiliriz.

Blogger bloğunuza eklediğiniz tüm resimleriniz otomatik olarak duyarlı hale gelir. Duyarlı olmak ne demek? Diye sorduğunuzu duyar gibiyim. Şöyle anlatayım mesela bloğunuzun yazı alanı 500px genişliğinde ama yazınıza eklediğiniz görsel 800px değerinde. Dolayısıyla taşmalar meydana gelecek.

İşte bu taşmalara engel olmak için blog kodlarımız arasına bu CSS kodlarını eklemek zorundayız.

Bu kodları ekledikten sonra artık bloğunuza istediğiniz boyutta resim atın hepsi otomatikman sizin yazı alanınızın genişliğine göre ayarlanacak.

• DEMO

Resimler Duyarlı Hale Nasıl Getirilir?

1. Şablon

2. HTML'yi Düzenle

3. Açılan kodlar üzerinde herhangi bir yere tıklayın ve CTRL F tuşlarına basın. Arama kutusu açılacak. Bu kutu yardımıyla ]]></b:skin> kodunu bulun.

3. Bulduğunuz bu kodun üst satırına aşağıdaki CSS kodlarını yapıştırın.

.post-body img {
  max-width:100%;
  height:auto;
}

4. Şablonu kaydedin.
5. Tebrikler artık bloğunuza eklediğiniz tüm resimler otomatik olarak boyutlandırılıyor. 

Paylaş Facebook

Paylaş Twitter

Paylaş Google+

Paylaş LinkedIn