Blogger'da Yorum Profil Resimlerini Netleştirme

Blogunuzdaki yorum profil resimleri bulanık, piksel piksel görünüyor. Bu sorunu basit bir kodla kolayca çözebilirsiniz.

Bu JavaScript kodu, sayfanız yüklendiğinde otomatik olarak devreye girer. Yorumlardaki profil resimlerini bulur, URL'lerindeki küçük boyut ayarını daha büyük bir değerle (/s200 gibi) değiştirir. Böylece resimler yeniden yüklendiğinde daha net ve keskin görünür. Kodun tek yaptığı bu.  Ama iyi çalışıyor :)

Kullanımı:

  1. Blogger yönetici panelinizden Tema → HTML'yi Düzenle yolunu izleyin.
  2. </body> etiketini bulun.
  3. Aşağıdaki kodu bu etiketin hemen üzerine yapıştırın ve kaydedin.
<script type='text/javascript'>
// <![CDATA[
document.addEventListener("DOMContentLoaded", function () {
  var containers = document.querySelectorAll(".avatar-image-container img");
  containers.forEach(function(img) {
    if (img.src.match(/\/s\d/)) {
      img.src = img.src.replace(/\/s\d/, "/s200");
    }
  });
});
// ]]>
</script>

Olay bu kadar. Bunu yapacağım diye ne uğraştım ama. Bu arada kodu <head> etiketinin hemen altına da yerleştirebilirsiniz. Canlı kanıt isteyenler buraya bakabilir. Herhangi bir özellik vesaire talebiniz olursa bana yazabilirsiniz. Çok canım sıkılıyor, bana da bir uğraşı olur.

Yorum yaz