Home » Blogger Tutorials, Tricks and Hacks » Blogger Labels Tricks » How To Remove The Title Of A Sidebar Widget

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How To Remove The Title Of A Sidebar Widget

How To Remove The Title Of A Sidebar Widget

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,771 views

Some bloggers don’t like having the sidebar widget’s name or title displayed. For them, it kind of messes up the aesthetics of their blog.

As with all tutorials that involve changing your template’s code, it is always good practice to back up your template first before proceeding. But if you think you’re all set then feel free to proceed.

  1. Starting from your Blogger dashboard, go to ‘Template’ then ‘Edit HTML
  2. Tick or put a check mark on the ‘Expand Widget Templates’ box

To remove the title for the ‘Facebook Like Page’ widget

Look for the following piece of code (by pressing ‘Ctrl+F’) then just delete the code highlighted in red.

<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>

To remove the title for the ‘Subscribe Via Email’ widget

Look for the following piece of code then just delete the code highlighted in red.

<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>

To remove the title for the ‘Blog Archive’ widget

Look for the following piece of code then just delete the code highlighted in red.

<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'>

To remove the title for the ‘Labels’ widget

Look for the following piece of code then just delete the code highlighted in red.

<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;'>

So basically, all you have to do is look for the code highlight in red in any widget that you want the title removed. Credit goes to Shahbaz Malik for sharing the tutorial.

Liked It ? Please Share

Comments

One Response | Post A Comment | Subscribe To Comments RSS Feed

  1. i post says:

    thanks bro this waht i want ^__^

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here