Now Reading
Replacing Sidebar Widget’s Title with an Image Easily Tutorials

Replacing Sidebar Widget’s Title with an Image Easily Tutorials

by AdminOctober 16, 2016

How to replace blogger sidebar widget title with any customize image would be a good hack for so many bloggers. 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 an image can be very helpful when you want to design your custom design unique blog.

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

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;">
<h2 class="title">

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

I hope that you like this post now it’s your turn to share this post with your blogger friends and show your intelligence.

Please wait...
About The Author

Leave a Response