Main menu

Pages

Hot

How to Change Default Avatar in Blogger Comments

In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comments instead the name of unknown without a picture.

How to Change Default Avatar in Blogger Comments
1. Go to Blogger Dashboard > Template
2. Download a copy of your template
3. Now click on Edit HTML
4. Use Ctrl + F to find </body> and paste the following code above/before it.
 <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>
5. Save template.
Note:
For Anonymous users: Replace the code in green with the url address of your image.
For Blogger users: Replace the URL in blue with your own.
You can choose one from these below (copy the url address):


1- http://4.bp.blogspot.com/-i-AATMTeTn8/Uc5IqkzZjUI/AAAAAAAAA1c/6H76qiQqQdg/s256/blogger-icon.png





5- http://2.bp.blogspot.com/-iaoORPkj7w8/Uc5INVDje0I/AAAAAAAAA1E/Whv5c_1fyrM/s138/facebook.gif

I hope you enjoy and happy blogging. ;)
reactions

Comments

Table of Contents