We always love to do something new with blogger comment section.Even a little tweak can't stay away from our eyes.So are you seeing the screenshot?Yes we guess you already got what topic of today's tutorial.It about to change the blogger default anonymous avatar on blogger comments as well as those blogger users who doesn't have a profile picture.Wish to try this out?Then here we go.
Must Read : Replace Post a Comment with Image or Text
Change Default Anonymous Avatar
- Log onto your Dashboard - Template - Edit HTML - Proceed - Expand Widget Template
- Search(use ctrl+f) for </body> code inside the template and above it paste the below code.
<script src='http://code.jquery.com/jquery-latest.js'/> <script> $("img[src='http://img1.blogblog.com/img/anon36.png']") .attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif') .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://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png') .ssyby('blank') </script>
- Now save the template and you're all done
CustomizationFor Anonymous users: Replace the code in red with the url address of your image
For Blogger users: Replace the URL in blue with your own.
Must Read : Livefyre Comment System for Blogger
Now just take a look into your newly design blogger comment section.Hope you'd gonna love it.We bet it would surely make your reader to comment more and more into you blog.For more such updated post stay tuned with us.If you're facing any problem regarding this let us inform through the below comment box or you can go the contace page as well.Thank you.
Articles You May Like