How To remove Title of Sidebar Widget

Remove_sidebar_widget_heading

Sidebar usually contains important widgets like Search Bar, Popular Post, Facebook like widget etc. All these widgets have title appearance which is same for all the widgets and that are controlled through your template. So today in this post I will tell you to remove title or heading appearance for a particular widget. From figure you can seen that I have removed the tittle of Facebook like page by making a small modification in blogger Template. you can also easily remove the tittle of any sidebar widget. So lets start the tutorial.




How To Remove Tittle Of Sidebar Widget:-


  1. In Blogger Dashboard Go to Design / Edit HTML.
  2. Click "Expand Widget Template".
  3. Download the Full template before making any changes in it (More info).

How To Remove Tittle of Facebook like Page:-

  • Find following piece of code in blogger template.
<b:widget id='HTML1' locked='false' title='Find us on Facebook' type='HTML'>

<b:includable id='main'>
  <!-- only display title if it's non-empty -->
   <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>

    <data:content/>
  </div>
  • If you want to remove title of Facebook like Page then the corresponding code will be.
<b:widget id='HTML1' locked='false' title='Find us on Facebook' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
    

  <div class='widget-content'>

    <data:content/>
  </div>
  • Save the template, Now your Facebook widget will shows up with no tittle.

How to remove Tittle of Subscribe Via Email:-

  • In a similar way you can also remove title of this widget. Just find the code below and remove the red part containing it.
<b:widget id='HTML2' locked='false' title='Subscribe via email' 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>
.
.
.

How to Remove Title OF Blog Archive:-

  • Search for following piece of code and remove the red part from the code.
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>

  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  .
  .
  .

How to Remove Title OF Labels:-

  • Search for following code and remove the red part of the code.
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

.
.
.
M


If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!


Kindly Bookmark and Share it:

YOUR ADSENSE CODE GOES HERE
 

© 2011. All Rights Reserved | Blogger Tricks 'N' Gadgets | Template by Blogger Widgets

Home | About | Top