Show Hide Widget Gadget in Homepage Static Page in blogger

Blogger show all widgets gadgets by defoult in all page like Homepage Post page, static page etc but now you can  hide widgets/gadgets in particular posts, static pages, homepage or archive pages etc.Its really important to control widget Display in Blogger to hid or show widget in your blogger particular posts, static pages, homepage you can use conditional tag So here a trick 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 .
 See How To Hide Sidbar To create Full width Page 

How to Hide Show widget Gadget In Blogger

  • Go to blogger Dashboard >> Layout >> Add a gadge >> Html/java Script. Doing this it will be easier to identify the widget name in your Blogger Template. Give it a new unique name or title or its does not match with any of the widget title or any widgets already added
  • Find the name of the widget by using CTRL+F. Let’s say that the the name of my widget is ( Popular Posts ). After searching this name. You find a similar code like this

<b:widget id=’HTML1′ locked=’false’ title=’Popular Posts‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget

  • ones you have find You widget name add the following conditional tag market with green just above and below to hide or show widget gadget in static page blog post etc as you like

To Show Widget only in Post Page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.pageType == “item”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

 

To Show Widget only in Post Page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

 

To Hide Blogger Blog Widget in Post

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.pageType!= “item”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

 

To show Blogger Blog Widget on specific page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.url == “URL of the page “‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

Now change the URL Of Page with address of the page which you want to widget appear

To hide Blogger Blog Widget on specific page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.url != “URL of the page”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

Now change the URL Of Page with address of the page which you want to widget appear

To Show Blogger Blog Widget on static page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.pageType == “static_page”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

To hide Blogger Blog Widget on static page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.pageType != “static_page”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

To show Blogger Blog Widget only in Archive page

<b:widget id=’HTML1′ locked=’false’ title=’Popular Post‘ type=’HTML’>
<b:includable id=’main’>

<b:if cond=’data:blog.pageType != “static_page”‘>

<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>

</b:if>

</b:includable>
</b:widget

Leave a Reply