Po ...
How to Change Default Anonymous Avatar in Blogger Comments
49 comments
Earlier, you've seen how you can change the size of the avatars in blogger commentsand now I will show you how to change or customize the default avatar of anonymous commenters or Blogger users with no picture on their profiles. While Blogger announced the new threaded commenting system, we can still customize it by adding a jQuery plugin to our template and then replace the default anonymous avatar that can be found on this address: http://img1.blogblog.com /img/anon36.pngand the one for blogger users: http://img2.blogblog.com /img/b36-rounded.png...with our own.
Replace the Default Anonymous Avatar on Blogger Comments
Step 1.Go to Dashboard -Template- click on theEdit HTMLbutton
...click anywhere inside the code area and open the template search box by pressing the CTRL + F keys
Step 2.Type or paste this code in the search box, then hit Enter to find it:
Step 3.Just above thetag, add the following code:
Step 4.Save the changes by clicking on theSave Templatebutton
Changing the default avatarFor Anonymous users:Replace the code in red with your image address
For Blogger users:Replace the URL in blue with your own.
You can choose an avatar from here and then copy the url of it:
http://1.bp.blogspot.com /-Zphr2YJH_6w/T6ZZE4YeNBI /AAAAAAAACF0/Tyuj8hkOpdc /s200/default_avatar.gif
http://3.bp.blogspot.com /-p4JvM7rWNG4/T6ZcU5eKqTI /AAAAAAAACGM/K0DB35A5brE /s1600/facebook.gif
http://2.bp.blogspot.com /-5nGzg5T-9qA/T6ZbL9JF0iI /AAAAAAAACF8/TvTnURwsNb0 /s1600/anonymous3.png
http://3.bp.blogspot.com /-oivPlkvBNBY/T6ZoNQhfAII /AAAAAAAACGY/3gem5DBmmQ8 /s1600/blogger-user.png
That's it! If you found this trick useful, please consider sharing it.
Like
4
Random Posts
Expandable Recent Comments Widget for Blogger/Blogspot26/04/2013 - 10 Comments
How To Add A Tabbed Navigation Widget to Blogger29/04/2013 - 14 Comments
Recent Posts Widget with Thumbnails for Blogger/Blogspot04/05/2012 - 135 Comments
Related Posts:
Expandable Recent Comments Widget f...
Recent Comments Widget with Hide Au...
Add a Different Background For Auth...
What is the difference between padd...
How to Use Cookies in Javascript
49 comments:
Anonymous 6/07/2012
thanks Reply
Sunil Kandpal 6/08/2012
Hi,
Interesting article for add your own avatar on blogger. I like it.
Please, comment on my blog!!!!
http://sunilseoservice s.blogspot.in/ Reply
Sunil Kandpal 6/08/2012
Hi,
Niche post, I like your interesting post!!!!
http://sunilseoservice s.blogspot.in/ Reply
Anonymous 6/11/2012
THANK YOU!!! :D Reply
Admin 6/12/2012
You're welcome :) Reply
Taimoor 6/15/2012
Thanks.. :-) Reply
Mark 7/07/2012
Nice trick,thank you. Reply
writing a statement of purpose 9/19/2012
this is so nice and great thanks for this site owner Reply
Replies
Admin 9/19/2012
You're all welcome, thanks for visiting!
Suelen Suu 10/08/2012
FINALLY a way it works! I have been trying the whole day with LOTS of different tutorials, none of them worked! I.LOVE.YOU. Reply
Suelen Suu 10/08/2012
but how do i set the comments so when an user gets to show their own picture from blogger? :( mine as well. it only shows as that ugly orange B Reply
Adnan Catper 10/14/2012
Thanks for the tutorial.
how can i change default blog owner display name in comments like yours?
Your are displaying 'Admin' instead of original blogger account name.
waiting for your reply Reply
IT article 10/19/2012
Thanks for the post and the HTML code. Reply
TAXME 10/19/2012
Great!!!! WORK
< HomePage> Reply
nEjO 10/25/2012
gracias Reply
How To Increase Blog Traffic 11/01/2012
bad timing... this is the good info that im looking before but i dont need it now since im using intense dabate this time :( Reply
Balaji 11/06/2012
Thank you, this helped me!
Great articles here... Reply
DG 11/13/2012
thanx
Reply
WOWCOME 11/14/2012
That's So interesting article, keep it up. Reply
admin 11/20/2012
great..Thanks Reply
Anonymous 12/13/2012
Thank you Reply
DCG 12/15/2012
thank´s, that's very cool Reply
dayo odunukan 12/24/2012
very easy steps of adding those codes...it works Reply
Cid Costa Neto 1/04/2013
That's a nice tip, but creates an error with the banner slider of my blog. :( Reply
Bali Resorts 1/16/2013
Greaet Post, Thank you for sharing Reply
Administrador Noob Saibot 1/28/2013
Thanks xD Reply
Blogger 2/04/2013
Great article Reply
jayr 2/14/2013
thanks! this is useful. I've changed the avatar of my comment form. Reply
Malin Rouge 2/18/2013
Thank you, the tutorial is really easy and works perfectly :)
Spark&Bark
xx Reply
ACordeiro 2/20/2013
HI, i discovered your blog, very good, BTW, and tried this tuts, but i can't seem to get it work. I pasted the code, and replaced the 2 URL's, twice..and with your own avatar's here, but it just wont work . can you take a pic? http://oeirascomhistoria .blogspot.pt/
thx for your time
cheers
Acordeiro
Reply
Replies
Marie Blackburn 5/14/2013
I'm having the same problem. Copy/Pasted your links and URL's and isn't working. Hmmm, wondering if it only applies to future comments rather than previous?
Great tutorials BTW - finding your site VERY helpful.
Admin 5/30/2013
Sorry, I forgot to mention that this works only for threaded comments (with reply button) ! But you can still change the anonymous avatar on single level commenting -> please try to apply the trick from here.
soban_mub 3/20/2013
nice one. . thanx Reply
Kat 3/28/2013
Worked like a charm! Thanks, man! Reply
Replies
Admin 5/30/2013
Glad it worked for you :) Thanks for stopping by.
Geeta 4/30/2013
How to delete of Avatar image, because some ppl upload nude image as avatar, i want to delete them Reply
TechStake 5/29/2013
It worked....Thanks a lot.....I was searching for it for a few hours, and this site resolved it instantly...... Reply
Replies
Admin 5/30/2013
You're welcome, TechStake. Thanks for visiting :)
Ridhwan Suriansah 6/08/2013
Thank you, Admin . It's working :D Reply
Linkbuilder na Matakaw 9/07/2013
I like it! Thank you :D I will try this on my blog. Reply
Techhapa 9/08/2013
Thanks, I didn't know you could do this, is it possible to change the favicon size? Reply
thuê xe cưới mercedes S500 9/24/2013
Thanks , very detail ^^
i'm trying to change somthing in my blog >.<
So hard Reply
Mas Plur 10/03/2013
thanks Reply
Anonymous 11/16/2013
:) Reply
Anonymous 11/21/2013
this is great!
do you know how change openID icon? Reply
Anonymous 12/14/2013
not working for me =/ Reply
rafaluvika 1/22/2014
wow still working for me, thanks admin :) Reply
Cho thue xe du lich 1/23/2014
Thanks you very much, i've done Reply
irsah imihar 4/13/2014
Customizing will always be easy with jquery and javascript. Even adding more functionality to blogger template has become more challenging like adding shopping cart features etc. Your codes are very helpful and the main thing it works... Reply
Add comment
Comment as: Sign out
Notify mePublishPreview
Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED
Search
Search
Follow on Facebook
Helplogger
Like
2,784 people like Helplogger .
Facebook social plugin
Follow on Blogger
Subscribe via Email
Receive Quality Tutorials Straight in your
Inbox by submitting your Email below.
Submit
Or subscribe via RSS Feed
Recent Posts
How to Add Numbered Page Navigation Widget for Blogger
5 Easy Ways to Improve the SEO of a blog & Boost Traffic
What is the difference between padding and margins?
Add a Custom jQuery Lightbox To Blogger
How to Use Cookies in Javascript
Recent Comments
irsah imihar
Customizing will always be easy with jquery and javascript. Even...
Missy G
Yay! Thank you for making this so easy! This is just what I...
divakar sivashankar next
No comments:
Post a Comment