更改博主评论中的匿名头像

Question

我在更改 Anon + Name/Url 用户的本机 Blogger/Blogspot 评论中使用的默认头像时遇到问题。

我试过这个：

.avatar-image-container svg { 
  width: 35px; 
  height: 35px; 
  background-image: url(some-uploaded-photo.jpg); 
  background-size: contain; 
  color: transparent; 
} 
.avatar-image-container svg use { 
  display:none; 
}

这个：

<script> var oldSrc = '//img1.blogblog.com/img/blank.gif'; //Default blogger image link
var newSrc = 'https://3.bp.blogspot.com/-UNjtW9_9fcs/VrvrBJi_8CI/AAAAAAAABP4/jjFMkoCi6Ig/s1600/blank-user-avatar.png'; //New image link
$('img[src="' + oldSrc + '"]').attr('src', newSrc); </script>

这个：

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif&#39;)
.ssyby(&#39;blank&#39;)
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png&#39;)
.ssyby(&#39;blank&#39;)
</script>

这个与上面的第一个非常相似：

.avatar-image-container {
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif);
width: 36px;
height: 36px;
border-radius: 50px;
border: 1px solid #fff;
}

在我将 URL link 添加到我自己的图像之前，我最接近结果的是最后一个代码（它确实显示了此处使用的头像）。我曾尝试直接编辑 HTML 并添加为 CSS，并尝试以 JPG 和 GIF 格式将其托管在 Blogger + 外部，但无济于事。

有什么想法吗？请？这真的很奇怪，让我有点疯狂。

谢谢！

:: 与此相关的博客是 >> https://guplayground.blogspot.com/ <<

Answer 1

怎么样：

.avatar-image-container img {
    content: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif);
    width: 36px;
    height: 36px;
}

编辑：以上将更改所有头像，所以这里有一个 javascript 解决方案，它只会更改使用默认匿名文件名找到的头像：

<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://img1.blogblog.com/img/blank.gif' || image.src === 'http://img1.blogblog.com/img/blank.gif') {
        image.src = 'http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif';
        image.style.height='36px';
        image.style.width='36px';
      }
    }
  })();
</script>

Answer 2

// 已解决 //

使用 36px x 36px 的图像 (jpg/png)！任何更大的东西都不会调整大小以适应

;)

更改博主评论中的匿名头像

change anonymous avatar in blogger comments

blogger

avatars

blogspot