Blogunuzdaki Tüm Resimleri Otomatik Olarak Yeniden Boyutlandırın

Resimlerinizi uygun boyutta yazılarınızın arasına yerleştirmek sadece tasarım açısından değil yazınızın daha ilgi çekici hale gelmesi bakımından da önemlidir.Aynı zamanda yazılarınızda kullandığınız resimleri standart bir şablon oluşturmak adına sürekli aynı boyutta yer vermek de tarzınızı blogunuza yansıtmak adına faydalı bir adım olabilir.Diyelim şimdiye kadar sitenize eklediğiniz resimleri herhangi bir standart göz etmeksizin rastgele yazılarınıza eklediniz.Şimdi hepsinin aynı ebatlarda olmasını istiyorsunuz.Tüm resimleri aynı ölçülere getirmek için ne yapmalısınız ?
Bu sorunun cevabına geçmeden önce neden böyle bir şeye ihtiyaç duyasınız ondan bahsetmek istiyorum.Şöyle ki :
>>>>>Blogger Populer Yazılar Gadget Resim Boyutunu Değiştirin

  • Farklı bir tema kullanmaya başladığınızda resimleriniz küçük/büyük kalıyor olabilir.
  • Herhangi bir reklam birimine uygun resim yerleşimi isteyebilirsiniz. 
  • Profesyonel yaklaşım adına blogunuzda resimleri aynı standarta yerleştirmek istiyor olabilirsiniz.



Blogger da Tüm Resimler Otomatik Olarak Nasıl Boyutlandırılır ?

Küçük bir CSS kod blogu yardımıyla blogunuzdaki tüm resimleri yeniden boyutlandırabilirsiniz :
    1-Blogger hesabınıza giriş yapın.
2-Şablon a geçiş yaparak HTML Düzenle kısmına gelin ]]></b:skin> etiketini arayın ve hemen üzerine aşağıdaki kod blogunu ekleyin.
.post-body img {
width: 500px!important;
height: auto!important; }
Eklediğimiz kodlara yakından  bakarsak :
    width: 500px deki 500 değerini değiştirerek resminizin genişliğini ayarlayabilirsiniz.
Eğer resminize border eklemek isterseniz border: 1px solid #d2d2d2 kodunu } den önce ekleyebilirsiniz.
>>>>>Herhangi Bir Alanda Kenarlık(Border) ve Arkaplan Nasıl Düzenlenir
Şimdi şablonunuzu kaydedin ve herhangi bir yazınızdaki resmi kontrol edin.Az önce ayarladığınız özelliklerde olacağını göreceksiniz.

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

8 yorum:

  1. Merhaba. Blog'un ana sayfasınsaki resim kalitesi çok düşük, bulanık. Bunun nasıl düzeltebilirim?

    YanıtlaSil
    Yanıtlar
    1. merhaba bedirhan
      Blogger resimler hızlı yüklensin diye yüksek kalitedeki resimleri sıkıştırır.Bu yüzden resimleri yüklemeden resim programları ile öncele ölçülendir ve png formatında olmasını sağla.Bu şekilde bir çözüm getirebilirsin.

      Sil
  2. çok yararşı bir paylaşım olmuş tşk ederim

    YanıtlaSil
  3. hocam blogumda paylaştıgım resimler hep küçük gözüküyor resim kodlarındanda ayarlamaya çalıştım olmadı

    YanıtlaSil
    Yanıtlar
    1. Yukarıdaki uygulamayı deneme şansınız oldu mu?

      Sil
  4. Eyvallah, işime yaradı...

    YanıtlaSil
    Yanıtlar
    1. Beğenmenize sevindim. Yorumunuz için teşekkür ederim. :)

      Sil
  5. slm. blogumda mobil şablonu mecburen kapattım ve mobilde konu başlıklarındaki resimler bulanık oldu. Bunun bi ayarı varmıdır hocam?

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.