Sunday, 23 December 2012

We Change Default Profile Image In Blogger Comments?

How To Change Default Profile Image In Blogger Comments
Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought. How to change blogger default image.Always bloggerprofile 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.I hope you'll enjoy.


How To Change Default Profile Image In Blogger Comments







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, 
"http://2.bp.blogspot.com/-TuNXOK6tm4s/T8-IRELfqHI/AAAAAAAAA9A/jiw2a_EgV74/s1600/avatar.png");

7. You can change red color Image link with your own image link.
8. Now click Save Template, you are done.
Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)
urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

Socialize This Post
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 comments:

Post a Comment