How many bloggers are there who wants to replace "Followers" Title With an Image in Blogger Siderbar?. Today i received a mail from TheoMat, asking help and hence inspired me to write this post on the topic of how to replace Google Followers title with image in Blogger sidebar.

I have already made a post about How to Replace Sidebar Widget's Title with an Image, but this hack will apply for all the widget's excepting Google provided "Followers" Widget.

Steps to Replace "Followers" Title With an Image in Blogger

Note: Before making any changes to your template, take a full backup of your blogger template.

#Step 1. Log in to your Blogger Dashboard and Navigate to Layout > Edit HTML and checked the Expand Widget Templates Check box.







#Step 2.Copy below code and paste it just before the ]]></b:skin> code and save template. This code will hide Title from the "Followers" widget.

h2.title{display:none;}

#Step 3. Now Navigate to Design > Page Element Tab.



#Step 4. Add your image code just above the Follower Widget(refer below screen shot).





Click Save and now you will be able to replace "Followers" Title With an Image in Blogger with 100% Success :)

How to replace blogger sidebar widget title with any customize image would be a good hack for so many blogger's. I have noticed that in blogger help forum many of the blogspot users are asking for the help about how they can put an image instead of sidebar title.

suppose you need to put an image Replacing title in your sidebar with image can be very helpful when you want to design your custom design unique blog.





Demo Question asked by: Matthew Floratos

I'm looking to replace the traditional side bar title like "Archives" or "Tags" with images so that I can match the blog's aesthetic with fonts not available to Blogger. I've looked around in the template HTML, but it's a bit above me. Can anybody give be a quick pointer as regards to how I can replace widget names, which are traditionally text, with images? (If it's even possible at all, that is.)

So below here you will find the steps through which you can replace the title of the widget with image and yes answer of the question given above.



Prerequisites: You have already every image which you are going to replace with title text in sidebar.



# Step 1: Go to your Blogger Dashboard and Navigate to Layout > Edit HTML Section and check Expand Widget Templates check box.







# Step 2: Then use "Ctrl+F" to search for id='BlogArchive1' (for Archives gadget).

You may find this set(or something close to this) of codes:

<b:widget id="BlogArchive1" locked="false" title="Archives" type="HTML">

<b:includable id="main">

<b:if cond="data:title != &quot;&quot;">

</b:if></b:includable></b:widget>

<h2 class="title">

<data:title></data:title></h2>

# Step 3: <data:title></data:title> is your sidebar title data tag and is responsible for display the title text for that widget. To use an image, replace it with your image source URL like this:

<img src="YOURI_IMAGE_URL" alt='Image Name' /># Step 4: Save your template and done :)