Monday, April 14, 2014

How to Change Default Anonymous Avatar in Blogger Comments alphause

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