Image as Widget TitleAre you wondering how to replace the Widgets Title with Image.Due to Limited fonts,customization you may be wonder.Today we have a right trick for you.Just we need to make the dream image suitable for Widget Title and implement them.For that kindly follow these steps.

Constructing Image

Our goal is to make eye catching image that helps to target the visitor.If you can make the Image using graphic software then do it but if you cannot construct go to the image generating sites.

After going to any one of these sites make a image using various fonts,colors,designing and much more.After creting a Dream Image upload them in File Hosting like Photo Bucket,Picasa or Flickr.It is better to host in Blogger.

Implementing Image as widget Title.

To Implement Image as widget title just follow this;

  1. Go to Blogger Dashboard>Design or Template>Edit HTML
  2. Tick on Expand widget.
  3. Find the widget ID whose title is to be replaced with Image.
  4. Find the codes similar to this.
  5. <b:widget id='WidgetID' locked='false' title='Widget Title' type='HTML'>
    <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
    
      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>

    In Line 1 WidgetId and WidgetTitle depends upon your Blog.

  6. <data:title/> at Line 5 is responsible for showing title so replace that with this image code.
    <img src=’ImageUrl’/>
  7. In ImageUrl change it with the direct link of Image.
  8. Click on Preview if it works click on save Template.

Before leaving if you have any problem Comment Us.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Replace Widget’s Title with Image.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top