Seeing the above screenshot?Yes I 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.Want to do this?Then here we go.
How to Do This?
- Log onto Dashboard - Template - Edit HTML - Proceed - Expand Widget Template
- Search for </body>
<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 done
Customization
For 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.
For Blogger users: Replace the URL in blue with your own.
That's it.You're done.Enjoy!!!!




.jpg)



This one does look better with a photo for anonymous commenters.
ReplyDeleteyup,absolutely :-bd
Delete