Using Image as widget Title

Although Google has kept thousands of Font sometimes it may not fill your appetite.Do it.It may probably fit your appetite.But if not how to fill the appetite.The answer to to replace widget Titles.You can replace the widget title with the image but Today we are learning to replace the Widget Title with Image.But let learn some Steps.

1. Making Titles Image
   
2. Uploading Image to Photo Hosting Site
   
3. Replacing the Title with image.

I.Making Titles Image.

If you can make the better titles your self than it is no problem to you But if you don’t know how to Make Titles do this.

1. Go to Any Site like
   • www.Cooltext.com
     
   • www.Flamingtext.com
   
   
   
2. Make your logo.
   
3. You can choose thousands of fonts color etc. choose that according to your choice.Do this until it looks pretty.
   
4. Finally render your logo.

II.Uploading Image.

Sometimes you need to upload image with extension like .gif etc..Upload your image in Photo Hosting SIte like.

1. Photobucket.com
   
2. Flickr.com
   
3. Tinypic.com

For animated gif host on like that site.Get a direct link of that image.Direct link is that link which ends with extension like .gif  .jpg etc..

III.Replacing the title with image.

1. Go to Blogger.com (You will be redirected to Blogger Dashboard)
   
2. Click on design or template
   
3. Click on Edit Html
   
4. Tick on expand widget.
   
5. Search the name of widget like “Get Free Updates” etc
   
6. Find the code like this.

   <b:widget id='HTML3' locked='false' title='Your Widget Title' type='HTML'>
   <b:includable id='main'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h3 class='title'><data:title/></h3>
     </b:if>
     <div class='widget-content'>
       <data:content/>
     </div>
   
     <b:include name='quickedit'/>
   </b:includable>
   </b:widget>

7. The line 1 may be different but other line are same didn’t In line 1 only widget id and Title is different.
   
8. The Code is is responsible to show widget title is line 5 i.e

   <h3 class='title'><data:title/></h3>
   

9. In that also  <data:title/> is the main main part which is responsible to show widget title.
   
10. Replace the line  <data:title/> with this:

    <img src="YOUR_IMAGE_URL" alt="Your_Widget_Title"/>

11. Where
    
    1. Your_Image_Url must be replace with the link of your image(Title)
       
    2. Your_widget_title must be replaced with your gadget title like “Get Free Updates”
    
    
    
12. Your Work will be done.
    
13. In some widget like follower widget it may not work.
    
14. Bye! Good Luck

If you have any error comment below

Subscribe At free
Thank you for visiting FacebookSinker.blogspot.com. Please don't miss any of the updates by subscribing to our RSS feed or email updates.