As you all know, blogger blog is among the best blogging platform. Blogger blog is also a great platform to host a professional blog but if you’re not skilled in coding or hire a professional, you blog will be like a desert, unprofessional and ugly. The reason why I said that is because blogger blog don’t have enough gadgets to suit your blog needs but thank God, we have been discussing how to make our blogger blog look professional and it has been helping people.
Today we are going to be discussing how we can change the default comment avatar for anonymous commenters to a more unique avatar. Before I start with the tutorial let me make my explanation more clear to you. Do you like this avatar ? I guess so! But would you like to make the avatar look more professional like putting your blogs logo or something else like this ? If your answer is yes! Let’s proceed to the main show.
GIVING YOUR BLOGGER DEFAULT AVATAR TO A MORE PROFESSIONAL LOOK
We are going to be changing the anonymous and the blogger user default avatar to a more professional and modern avatar, so are you with me?
Login to your blogger blog dashboard >>> Click “Template” >>> Click “Edit HTML” >>> Tick “Expand Widget Templates”. Now we are in…
Note: Before performing any code editing, it is advisable to backup your template incase you make any mistake, you can always reload.
Ok! Now locate the below tag
If you are finding it hard to locate the above tag, press the ctrl + f simultaneously to bring out a search box below your browser and search for the code.
Have you seen the code? Now place the below codes right above the </body> tag
<script src='http://code.jquery.com/jquery-latest.js'/> <script> $("img[src='http://img1.blogblog.com/img/anon36.png']") .attr('src', 'http://4.bp.blogspot.com/-ajQ2Oceb9IY/UR5JfGRsXiI/AAAAAAAABNQ/vZ9lcndoP5k/s1600/anonymous-face.png') .ssyby('blank') </script> <script src='http://code.jquery.com/jquery-latest.js'/> <script> $("img[src='http://img2.blogblog.com/img/b36-rounded.png']") .attr('src', 'http://2.bp.blogspot.com/-wpMJQDsl7Is/UR5MIZvldLI/AAAAAAAABNY/NYqa8r3gO64/s1600/blogger-user.png') .ssyby('blank') </script>
Have you done that? If yes! Click the save button and you have successfully completed the change of your avatar.
Note this: To make the avatar your own choice, you will have to do the following
For the anonymous avatar: you can change the URL which is http://4.bp.blogspot.com/-ajQ2Oceb9IY/UR5JfGRsXiI/AAAAAAAABNQ/vZ9lcndoP5k/s1600/anonymous-face.png to your preferred image.
For blogger default user: you can change the URL which is http://2.bp.blogspot.com/-wpMJQDsl7Is/UR5MIZvldLI/AAAAAAAABNY/NYqa8r3gO64/s1600/blogger-user.png to your preferred image
Now go make your blogger blog even more beautiful, so your readers will have more reasons to comment on your blog.
Do you have any question regarding this topic? Then please use the comment box below to drop the question and I’ll get back to you ASAP. Or do you have any comments or thoughts that you would like to share with us, then also use the comment box below. Remember that your comments are highly welcomed and appreciated.
Was this post helpful? Click the like button, share us and recommend us with friends because you will never know who among your friends might be in great need of it. Do not forget to subscribe to our feed for your latest updates on the go.