Blogger Anonim Yorum Yazarlarının Avatarı Nasıl Değiştirilir

Blogger anonim yorum yazarlarının avatarı nasıl değiştirilir ? Blogspot/Blogger’da anonim yorum yazarlarının avatarları eskiden standart bir blogger logosu olarak görüntüleniyordu, fakat daha sonraları boş bir avatar olarak görünmeye başladı. Ben bunu daha önceleri de kullanmış olduğum ve bu kısa yazıda paylaştığım basit bir javascript kodu ile düzeltiyordum.

Peki blogger anonim yorum yazarlarının avatarı nasıl değiştirilir ?

/body> bitiş etiketinin hemen üzerine aşağıdaki kodlar eklenerek anonim yorum yazarlarının boş görüntülenen avatarı değiştirilmiş olacaktır. İsteğe göre user.png avatarı değiştirilebilir.

<script type="text/javascript">
(function() {
var avatars = document.getElementsByClassName("avatar-image-container");
for (i=0; i < avatars.length; i++) {
var image = avatars\[i\].firstChild;
if (image.src === 'https://resources.blogblog.com/img/blank.gif' || image.src === 'http://resources.blogblog.com/img/blank.gif') {
image.src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx6KOH-Rxmg8GC3i6GNAEchMZpbrQiHN5MndWQ5-KTBfB0IhnAZUgBlUZXiRqz4n_kW1x1NFkFMf6Hn1RD2iYvOuqUN2rvCElAdxzC1m_nQV-0kEZmh1Y9LlyukHxqsUC397qyugCmIBk/s1600/user.png';
image.style.height='36px';
image.style.width='36px';
}
}
})();
</script>

Uyarı : Şablonunuzda jquery kütüphanesi dahil edilmiş olmalıdır.

Blogger yorum yazarlarının avatar boyutu nasıl değiştirilir

Blogger yorumlarda yer alan avatarların (yorum yazar resimleri) boyutu CSS ile artırılıp, azaltılabiliyor. Fakat bunu yaparken çözünürlük ayarlarına müdahele edilemediği için bozuk görüntüler ortaya çıkıyor.

Daha önce kullandığım temaların birisinde çözünürlük değiştirmeye yarayan javascript koduna denk geldim. Bu kod sayesinde avatar boyutları artıldığında oluşan bozukluk da ortadan kalkmış oluyor.

CSS ile avatar boyutunu değiştirme

.avatar-image-container{

margin-left: -30px;

background:#fff;

height:70px;min-height: 70px;

width:70px;min-width:70px;

}

.avatar-image-container img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YQjqSTBq2zv3xrOd58auCImWnkV5lh7hr0nerPUyQbsF8SIkZc4vnQRH4gMA6tmXp5zOtdWvBG3ycex_S7XJA8SRMehlfDA50d4mt5HwqGrO2MJY-mjG7URugebzcvC_HgTWuqLAoEA/s200/anonymous.jpg);

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width:70px;

min-width:70px;

height:70px;

min-height:70px;

}

JavaScript ile çözünürlük değiştirme /body (bitiş etiketinin önüne)

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function(){

$('.comments .comments-content .avatar-image-container img').each(function(){

this.src = this.src.replace('/s35-c/', '/s80-c/');

});

$('.comments .comments-content .avatar-image-container img').each(function(){

this.src = this.src.replace('/s35/', '/s80-c/');

});

});

//]]>

</script>

*/s-35-c/ varsayılan olarak gelen değer /s80-c/ yeni atanan değer. Eğer 80*80 den fazla büyüklükte avatar kullanılacaksa ona göre değişiklik yapılabilir.