How To Show And Hide Blogger Widgets On Certain Pages ?
Most of the Webmasters Already Know this Tricks But still we got some requests on how to hide widgets from home page. Now we can see how to show and hide widgets in blogger. Its really important to control widget Display in Blogger. some widgets are meant for homepage only while some makes sense when you show it at your Contact Pages, About Me pages or static pages. So how do we actually do this. The trick is really simple. You just need to enclose your widgets in few pieces of codes. So lets jump straight on how to manage widgets on different pages in blogger.
This is the Procedure applied to Blogger’s official widgets like About Me, Archives, Poll etc. For controlling that widgets do this,
The same procedure can be applied to hide widget on homepage.
How To Control Blogger’s Official Widgets?
This is the Procedure applied to Blogger’s official widgets like About Me, Archives, Poll etc. For controlling that widgets do this,
- Go To Blogger >> Design (or) Template(for new interface) >> Edit HTML
- Backup your template
- Check the Expand Widgets Templates Box
- Search for the title of the widget you want to control
- The code for the widget will look something similar to this one,
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
WIDGET CODE GOES HERE
</b:includable> </b:widget>
On finding the title in place of WIDGET-TITLE-HERE you will find two similar codes like those I have shown inblueYou just need to add the Controlling codes in the following manner. For example if you wish to show a widget at Homepage only then do this,
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
</b:includable> </b:widget>
where WIDGET CODE GOES HERE is the code of the widget you want to show or hide.
<b:includable id='main'>
WIDGET CODE GOES HERE
</b:includable> </b:widget>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
</b:includable> </b:widget>
How To Hide Widgets On Homepages?
The same procedure can be applied to hide widget on homepage.
<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>
WIDGET CODE GOES HERE
</b:if>
How To Show Widgets Only On Static Pages?
<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>
WIDGET CODE GOES HERE
</b:if>
How To Hide Widgets On Static Pages?
<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>
WIDGET CODE GOES HERE
</b:if>
How To Show A Widget On A Selected Post Only?
<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
WIDGET CODE GOES HERE
</b:if>
How To Hide A Widget On A Selected Post?
<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
That’s it. Do the same for applying any controlling code. I hope this was useful. feel free to share your thoughts through comments.
WIDGET CODE GOES HERE
</b:if>