Wednesday, June 6, 2012

How To Change Default Profile Image In Blogger Comments

How to change blogger default image.Always blogger
profile picture showing blogger logo if the user hasn't
change the profile picture. So blue avatar image showing
in blogger. But comment section it appear as blogger
logo like below. So, in this tutorial im going to tell a
simple hack that helps you to change default icon in comment
section.you can use any nice image as default image. follow
these steps to add it to your blog.


blogger-icon-change


1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

2. Put checked mark in Expand Widget Templates

3. Find this tag by using Ctrl+F      <b:includable id='comments' var='post'>

4. After you found above code. you have to scroll down till you find this code.

                                        </b:includable>

5. You have to pass some more line to find out this, so be patient and find it carefully.
( Tip:  most of time it will place with single line)

6. After you found it, paste below code before </b:includable> tag   

<script type='text/javascript'>
//<![CDATA[
if(document.getElementById("comments-block")) document.getElementById
("comments-block").innerHTML = document.getElementById("comments-block")
.innerHTML.replace
(/http:\/\/img2\.blogblog\.com\/img\/b16-rounded\.gif/g, 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbj9E38cQF-8djJPc4bJGvyqzbRHzTfNANCLpnvqzMTxC2fPvi7gatHLyG9vMJllOnTV3bPsBro97hVwYRK466esNoQJBUCxqy_aLxXQ5xN-zUY_QKpDJiVLVBWmNdkxO70ce-uellckOe/s1600/avatar.png");

7. You can change red color Image link with your own image link.

8. Now click  Save Template, you are done.

4 comments:

  1. dear can you please tell me about
    "how you add your commenting system with thumbnail."
    and i have some more questions to you
    please reply me
    at
    adnanhussainturki@gmail.com
    or
    give me your facebook id
    my id is facebook.com/adnanhussainturki


    i hope you give some importance to me

    thank you

    ReplyDelete
  2. WOW!

    Thanks for the blog post.

    I will try your tutorial for changing look of my blog template

    ReplyDelete