Password = 1234

Change Bloggers Default Anonymous Comment Avatar

Change Bloggers Default Anonymous Comment Avatar
Bloggers Default Anonymous Avatar 
If you moderate your blogger comments then you may or may not allow anonymous users to post on your site.  If you do allow anonymous users to comment you've more than likely noticed the default avatar.
Blogger default anonymous avatar
Blogger default anonymous avatar
If you want to change the Bloggers default anonymous comment avatar to suit your template or just fancy a change, then this helpful tutorial will show you how to.


Blogger offer three default comment avatars, one for anonymous users, one for Blogger accounts without an avatar or even until recently Google+ profiles.

Go to your Blogger dashboard > Template > Edit HTML

Template edit HTML custom avatar
Blogger Edit HTML
 Make sure you tick, Expand Widget Templates.
Blogger widget edit HTML custom avatar
Blogger widget
Search for the code below.  Helpful tip; Ctrl F to search the HTML template faster.
</body>
Now add this code above 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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3RqnVS6bUb7fmGtQQchZKbotdRrGsDThWsY_93AZOIfqHfZi3ISYKmYrMHTImABuwi2r-kVMXFCVRZM9NQL3AVt1D_tL-bspRfRk4_4mnuGhmhJgG5lTe16jCU0dHr4xMwONLEpiIJ8/s1600/anonymous-avatar2.jpg&#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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3RqnVS6bUb7fmGtQQchZKbotdRrGsDThWsY_93AZOIfqHfZi3ISYKmYrMHTImABuwi2r-kVMXFCVRZM9NQL3AVt1D_tL-bspRfRk4_4mnuGhmhJgG5lTe16jCU0dHr4xMwONLEpiIJ8/s1600/anonymous-avatar2.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>

Save the template.

How to add your own avatar image.

Anonymous user default avatar; change the image URL in blue.
Blogger user default avatar; change the image URL in orange.

Below are some avatar examples that you can use.  Please keep in mind your Blogger theme as you may have to resize.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3RqnVS6bUb7fmGtQQchZKbotdRrGsDThWsY_93AZOIfqHfZi3ISYKmYrMHTImABuwi2r-kVMXFCVRZM9NQL3AVt1D_tL-bspRfRk4_4mnuGhmhJgG5lTe16jCU0dHr4xMwONLEpiIJ8/s1600/anonymous-avatar2.jpg
Bloggers Anonymous Avatar man standing
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgqJtXmk2xgaNEdf8vNcovDqd56s_HJDmZznsUPPbrnPYVUMrrmARQ9L2Zw5nBuA0lyOF7cFior2Bf8J6wVXNxjvb3SVHZZ9JanqR1nW4JXKe7pZsz0IKdTgg4qwgZ8FqJvmdDMEyCmI/s1600/anonymous_avatar.png
Bloggers Anonymous Avatar man head
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4Vz33QPrZLly0cl_31DT22KNzQh0uoMk9AgdUBqwCY3KYaTkSjX4UCZAfo4qVW1atDTGEW8n5keZ126Vg4xBYFrGK_XalAH-pQZ9_fUPeANjyI8NvX3le3rtMcAlHjmAsB9CXedTFgU/s1600/avatar-constituent-default+(1).gif

Bloggers Anonymous Avatar man green head
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFGVLj4Au5yHrAo98FiuIP-LEW5j2A1vctPF2n5otR5Bz4hQe3EPVhAsp8bH0RQAExC3b2jMMvjyQBZPpb7SZmWmGu0aovN537RtGREAtsx7JYavlaCk_1e97i9f13oGJSvSNOWa0ZCKc/s1600/avatar-constituent-default+(2).gif
Bloggers Anonymous Avatar man pink head
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgZoytPQlQZrls754p7GrZtyniFY7OxL37hcz9mM66ahK8xLeJIZ3j-GgZZ7V2q_dYUSXjgdt34SzHkVjQDj6CAvBQCKpG2YHiIW6meNtt9VH76GBvrJzpsgK_y3wBSW2KrYDAYlOArC0/s1600/avatar-constituent-default.gif
Bloggers Anonymous Avatar man dark head

Job Done...

Password = 1234

0 comments:

Post a Comment

 
Top