.jpg)
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">Uyarı : Şablonunuzda jquery kütüphanesi dahil edilmiş olmalıdır.
(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>
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.
0 Yorumlar