Breaking News

Arrange your Comments Avatar with CSS in blogger

t's been quite long since I made a post in this blog. I had a lot of problems with my net connection(still not fixed) and modem. Still, I found some time today, to post about a new feature introduced by blogger, that is, avatars on blogger comments. Blogger is introducing new features daily on account of its 10th birthday celebration. Every blogger wanted to display avatars like the ones,
that showed in word press and this dream has come true now. I have personally tried this feature and you may take a look at the snapshot of the feature installed in my blog below.This feature displays only users who post comments with Blogger/Google account. But, if you post a comment with "Name /URL" you will not have any image displayed. However, if you post a comment using Wordpress or OpenID or LiveJournal or Typepad or AIM, the favicon of the respective sites will be displayed. I hope the blogger team improves this feature and may be, they can join hands with Gravatar too. Let us get to our work of installing this feature in our blog.

If you are using a default blogger template, then you should navigate to "Settings>>Comments" from the Dashboard and enable the option "Show profile images on comment". It is that simple!! You will find the avatars displayed in your blog. But, what if you have a customized template like mine?? Simply follow the steps below to get the featured installed in your blog.


1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.


2. Expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Note: If you could not find the above code, the search for the following line:

<dl id='comments-block'>
3. Now, replace that piece of line with the following code:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4. Next, search for this piece of code:


<a expr:name='data:comment.anchorName'/>

5. Replace all the occurrences of the above code(code in step 4) with the following code:
 <b:if cond='data:comment.favicon'> 
 
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

You may place a default avatar for those who do not have profile picture. In order to do this, place the following piece of code above the line ]]></b:skin>

 

.avatar-image-container{background:url(http://alturl.com/xbwk); width:35px;height:35px; }
.avatar-image-container img { border:none;}

Finally, you need to save your template. Now, check out your blog with blogger avatar feature installed in it!! Comments are always welcome!! See you soon in my next post!!

55 comments:

  1. Very helpful post. I used it for my blog. working with css is becoming more and more important especially since google introduced its panda algorithm. thanks

    ReplyDelete
  2. You blog is eye-catching. I get pleasure from it. Thanks for sharing this beautiful piece of writing with me.

    ReplyDelete
  3. I like it when individuals come together and share views.
    Great site, continue the good work!
    Also visit my web-site : armchairxplorer.com

    ReplyDelete
  4. I visited several web sites except the audio quality for audio songs
    existing at this site is genuinely wonderful.
    my webpage - canada goose parka

    ReplyDelete
  5. Incredible! This blog looks just like my old one! It's on a entirely different topic but it has pretty much the same page layout and design. Outstanding choice of colors!
    Feel free to surf my site winter outerwear

    ReplyDelete
  6. I want to to thank you for this good read!! I certainly enjoyed every bit of it.
    I've got you book marked to check out new stuff you post…
    My website : canada goose parka

    ReplyDelete
  7. Hey would you mind stating which blog platform you're using? I'm planning to start my own
    blog in the near future but I'm having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I'm looking for something completely
    unique. P.S Apologies for being off-topic but I had to ask!
    Also visit my weblog - Canada Goose Coat On Sale

    ReplyDelete
  8. I need to to thank you for this wonderful read!! I definitely enjoyed
    every bit of it. I have got you saved as a favorite to look at new things you
    post…
    My webpage Canada Goose Jackets For Sale

    ReplyDelete
  9. I all the time used to study piece of writing in news papers but now as I am a user
    of internet thus from now I am using net for articles, thanks to web.
    Look at my blog :: canada goose jakker

    ReplyDelete
  10. Ahaa, its nice dialogue about this paragraph at this place at this weblog, I have read all
    that, so at this time me also commenting at this place.
    Here is my weblog - http://www.cheapnfljerseys-vips.com

    ReplyDelete
  11. I am really thankful to the owner of this website who
    has shared this impressive piece of writing at at this place.
    Review my weblog :: custom nfl jerseys

    ReplyDelete
  12. Thanks for one's marvelous posting! I quite enjoyed reading it, you will be a great author. I will be sure to bookmark your blog and will often come back someday. I want to encourage that you continue your great work, have a nice day!
    My homepage Cheap nfl jerseys

    ReplyDelete
  13. This info is priceless. Where can I find out more?
    My web page :: cheapnfljerseys-outlets.com

    ReplyDelete
  14. Attractive section of content. I just stumbled upon your blog and
    in accession capital to assert that I get actually enjoyed account
    your blog posts. Any way I'll be subscribing to your feeds and even I achievement you access consistently rapidly.
    Also visit my web site cheap nfl jerseys

    ReplyDelete
  15. Simply want to say your article is as surprising. The clearness in your post is simply
    excellent and i can assume you are an expert on this subject.
    Well with your permission let me to grab your
    RSS feed to keep updated with forthcoming post. Thanks a million and please keep up the enjoyable work.


    my blog; michael kors chain tote
    My web site: michael kors chain tote

    ReplyDelete
  16. It's really very complex in this active life to listen news on TV, so I only use web for that reason, and obtain the latest information.

    Feel free to surf to my site: Cheap Michael Kors Wallets

    ReplyDelete
  17. This is my first time visit at here and i am actually happy to read all at one
    place.

    Also visit my web blog :: ロレックスレプリカ

    ReplyDelete
  18. Howdy just wanted to give you a quick heads up. The text in your
    post seem to be running off the screen in Opera.

    I'm not sure if this is a formatting issue or something to do with web browser compatibility but I figured I'd post to let you
    know. The design and style look great though!

    Hope you get the issue solved soon. Kudos

    Also visit my blog post ロレックスレプリカ

    ReplyDelete
  19. This excellent website truly has all of the information I wanted concerning this
    subject and didn't know who to ask.

    My web-site :: 激安プラダ バッグ

    ReplyDelete
  20. Greetings! Very helpful advice in this particular post!

    It's the little changes that make the most significant changes. Thanks for sharing!

    Visit my blog レイバンサングラス

    ReplyDelete
  21. Hello my friend! I want to say that this article is amazing, nice written and come with approximately all important infos.
    I'd like to see extra posts like this .

    Look at my blog; オークリー サングラス

    ReplyDelete
  22. Hi, Neat post. There is a problem with your website in web explorer, could
    test this? IE still is the marketplace chief and a
    good section of folks will miss your great writing due to this problem.


    Take a look at my blog post :: www.fbioyf.unr.edu.ar

    ReplyDelete
  23. For most up-to-date news you have to pay a visit internet and on internet
    I found this site as a finest site for most up-to-date updates.


    Feel free to surf to my web site - オークリー サングラス

    ReplyDelete
  24. That is very interesting, You are an overly skilled blogger.
    I have joined your rss feed and stay up for looking for extra of
    your great post. Additionally, I've shared your website in my social networks

    Look at my webpage swwfrisbyfamily.blogspot.com

    ReplyDelete
  25. Thank you for sharing your info. I truly appreciate your efforts and I will
    be waiting for your further post thank you once again.


    Take a look at my web blog; ロレックスレプリカ

    ReplyDelete
  26. Υou maԁe somе good points there. I
    looκed on the ωeb to leаrn more about the issue and founԁ most ρeoρle
    will go along with your vіеws on thiѕ ѕite.


    my blοg raspberry ketone

    ReplyDelete
  27. Hi there to all, the contents present at this website are really amazing for people knowledge, well, keep up the good work fellows.



    My web blog; 激安レイバン

    ReplyDelete
  28. It's an amazing paragraph in support of all the internet users; they will get benefit from it I am sure.

    Visit my webpage ... サングラス オークリー

    ReplyDelete
  29. Just want to say your article is as astonishing. The
    clarity in your post is simply spectacular and i can assume you're an expert on this subject. Well with your permission let me to grab your feed to keep updated with forthcoming post. Thanks a million and please continue the rewarding work.

    Feel free to surf to my webpage ... プラダ 財布

    ReplyDelete
  30. Thanks for one's marvelous posting! I certainly enjoyed reading it, you could be a great author.I will make certain to bookmark your blog and will often come back sometime soon. I want to encourage one to continue your great posts, have a nice day!

    Feel free to surf to my web page :: レイバンサングラス

    ReplyDelete
  31. A motivating discussion is definitely worth comment.
    I do believe that you ought to write more on this subject matter, it
    may not be a taboo matter but typically people don't discuss such subjects. To the next! Many thanks!!

    my weblog - 激安オークリー

    ReplyDelete
  32. Hi there! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My weblog looks weird when browsing from my iphone4. I'm trying to find
    a theme or plugin that might be able to correct this problem.
    If you have any suggestions, please share.
    Appreciate it!

    my web page; オークリーメガネ

    ReplyDelete
  33. Thank you for the good writeup. It in truth was a leisure
    account it. Look complex to far delivered agreeable from you!

    However, how can we keep up a correspondence?


    My website ... 激安レイバン

    ReplyDelete
  34. Do you mind if I quote a few of your posts
    as long as I provide credit and sources back to your website?
    My blog is in the very same area of interest as
    yours and my visitors would certainly benefit from a
    lot of the information you present here. Please let me know if this ok with you.
    Thank you!

    Also visit my web page: www.christianlouboutinoutletshop2013.com

    ReplyDelete
  35. Hi there every one, here every person is sharing such familiarity, so it's good to read this blog, and I used to visit this weblog all the time.

    Also visit my web site www.luxe-etc.com

    ReplyDelete
  36. Thanks for finally talking about > "Arrange your Comments Avatar with CSS in blogger" < Liked it!

    Here is my blog :: レイバンサングラス

    ReplyDelete
  37. I enjoy looking through a post that can make people think.
    Also, thanks for allowing me to comment!

    Here is my blog post レイバン

    ReplyDelete
  38. It's an remarkable paragraph in support of all the internet viewers; they will obtain advantage from it I am sure.

    Review my website - ray ban outlet

    ReplyDelete
  39. May I simply say what a comfort to find an individual who truly knows
    what they're talking about over the internet. You definitely realize how to bring an issue to light and make it important. A lot more people ought to check this out and understand this side of your story. I can't believe you're not more popular because you certainly possess the gift.

    my blog post - トリーバーチ

    ReplyDelete
  40. Fantastic blog! Do you have any tips and hints for aspiring writers?
    I'm planning to start my own blog soon but I'm a little lost on everything.
    Would you propose starting with a free platform like Wordpress or go for
    a paid option? There are so many choices out there that
    I'm completely confused .. Any tips? Bless you!

    my website - http://www.globe-trotter.info/

    ReplyDelete
  41. This is really interesting, You're a very skilled blogger. I have joined your rss feed and look forward to seeking more of your excellent post. Also, I've
    shared your web site in my social networks!

    Feel free to surf to my webpage; michael kors womens watches

    ReplyDelete
  42. Ι have rеаd ѕome just гight stuff
    hеre. Сertainly ωorth boοkmarking fоr reѵisiting.
    I ѕurprise how so much attempt you sеt to mаkе thіs type
    of great infoгmative site.

    Tаke а look аt my homеpаge - debt consolidation loans bad credit rating

    ReplyDelete
  43. Wow, marvelous blog layout! How long have you been blogging for?

    you make blogging look easy. The overall look of your website is wonderful, let alone the content!


    Here is my page :: Cheap Oakley Sunglasses

    ReplyDelete
  44. I couldn't resist commenting. Exceptionally well written!

    Here is my web-site ... Air Max 2013

    ReplyDelete
  45. I am regular visitor, how are you everybody? This piece
    of writing posted at this site is really pleasant.

    Feel free to surf to my page: Replica Watches

    ReplyDelete
  46. When someone writes an article he/she maintains the plan of a user in his/her brain that how a user
    can be aware of it. So that's why this piece of writing is outstdanding. Thanks!

    My homepage ... トリーバーチ通販

    ReplyDelete
  47. My relatives all the time say that I am wasting my time here at web,
    but I know I am getting know-how all the time by reading thes good posts.


    My website - christian louboutin pumps

    ReplyDelete
  48. It is really a nice and useful piece of info. I'm happy that you simply shared this helpful info with us. Please stay us informed like this. Thanks for sharing.

    Have a look at my blog アバクロンビー

    ReplyDelete
  49. Thanks for the marvelous posting! I truly enjoyed reading it, you are a great
    author. I will ensure that I bookmark your
    blog and will often come back down the road. I want to encourage you continue your great work, have a nice weekend!


    my weblog - ブランド財布

    ReplyDelete
  50. I wanted to thank you for this fantastic read!! I absolutely enjoyed every little bit of it.

    I've got you book-marked to look at new stuff you post…

    my page ジョーダン

    ReplyDelete
  51. Jacket for women of small visibility - is briefly and fitted model of medium length.
    Who can offer you exact answers for these questions?
    And jackets with long sleeves will help you to visually make
    the hands more refined. How many times have you had the sole of the
    new pair of shoes just split done to? http://chertanovez.
    ru/forum/profile.php?id=34829

    ReplyDelete
  52. Sleeve length easy, on the crease on the indoor of wrist.
    Wearing sandals resorts in jamaica was also one of the hippie look each men and women of all ages.

    Cause it: Women want this need to watch out for their best.

    Are you aware that something definitely going wrong but
    can't find that weak spot? http://www.seniorernas.se/activity/p/114264/

    ReplyDelete
  53. Long maxi coats, often anchored and lined located in sheepskin, appeared in the close of those decade.
    Sleeve length easy, on the wrinkle on the inside of wrist.
    So you'd increased keep the regarding questions short: 10 or 15 questions are already plenty. The skills of this fantastic voice based ability lies in screenplay. http://co.de2mano.com/pg/profile/KaseyQtk

    ReplyDelete
  54. Excellent quality articles are here. This is good site with useful info.
    Internet Marketing Conference

    ReplyDelete

Any Comments ?

Designed By GP