How to Show and Hide Widgets in Blogger?

Some questions that are most asked are : How to Show blogger widget on homepage only? How can I show widgets only on sub pages? How can I hide widgets on Static pages? How to show widgets on selected pages in blogger? To answer all these questions today's tutorial will be a delicious one. 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.Its often the HTML/JavaScript widget that is widely used for adding your customized widgets to Blogger and its mostly this widget that needs to be easily managed. Since you often paste some widget code inside HTML/JavaScript widgets so the only extra thing that you need to do in order to control widget’s display is to enclose that code between two pieces of code as shown in each control codes below,

How To Control Blogger’s Official Widgets?

The same procedure can be applied to Blogger’s official widgets like About Me, Archives, Poll etc. For controlling that widgets do this,

1. Go To "Blogger > Template > Edit HTML"
2. Search for the "title of the widget" you want to control
3. 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'>
Here is the  WIDGET CODE...............
</b:includable> </b:widget>

4. Get one of the below code and enclose the widget code

(Here is the  WIDGET CODE...............) in between the below "tags".

5. Get any tag from below with your requirement.

.....Tags....

1. How to Show Widgets Only On Homepages?

Simply enclose the code inside HTML/JavaScript widget between these lines,

<b:if cond='data:blog.url == data:blog.homepageUrl'>Here is the  WIDGET CODE...............</b:if>

where Here is the  WIDGET CODE............... is the code of the widget you want to show or hide.

2. How to Hide Widgets On Homepages?

Same procedure here,

<b:if cond='data:blog.pageType == "item"'>Here is the  WIDGET CODE...............</b:if>

3. How To Show Widgets Only On Static Pages?

<b:if cond='data:blog.pageType == "static_page"'>Here is the  WIDGET CODE...............</b:if>

4. How To Hide Widgets On Static Pages?

<b:if cond='data:blog.pageType != "static_page"'>Here is the  WIDGET CODE...............</b:if>

5. How To Show a Widget On a Selected Pages/Post Only?

<b:if cond='data:blog.url == "URL OF Selected Post"'>Here is the  WIDGET CODE...............</b:if>

6. How To Hide a Widget On a Selected Pages/Post?

<b:if cond='data:blog.url != "URL OF Selected Post"'>Here is the  WIDGET CODE...............</b:if>

........................ 

6. Enjoy the Method and Post your reviews.........

Related Post