Replacing Blogger widget title with an Image!

If you are not a fun of the text font of your Blogger widget title, just change it with an image to be more visually attractive.

I will be changing one of widget title [above..] in this blog with an image. [below..]

1. Log-in to your Blogger Account.
2. Go to your Dashboard > Template > Backup/Restore >
   Back Up you Template!

After making the template Back Up.

3. Go to your Dashboard > Template > Edit HTML
4. EXPAND the HTML Window
5. Using Ctrl+F -- search the Title of the widget that you want to replace.
Using the sample title in the above image -- Look for title='Check it out!' in the search box.

Sample code:

6. Replace the Data Tag <data:title> with <img alt="YOUR_GADGET_TITLE_Link" src="YOUR_TITLE_IMAGE_URL" />

** YOUR_TITLE_IMAGE_URL - the image hosted link
(You can use your blogger account to the image)

** Make sure the width of the image is sync with the widget width size of the layout.

7. Preview and Save!


Follow 7ends on Twitter! - Facebook!