How To Show or Hide Widgets In Blogger on Specific Pages

Posted by Unknown Tuesday, November 29, 2011

How To Show or Hide Widgets In Blogger on Specific Pages? Installing any widget in your blog will display it in all the pages by default including your homepage.

What if you want only certain widgets to appear only on certain pages? you can do this easily with conditional tags.

Follow those steps:

Create any widget, and place it where-ever you want, and save the template. Check if it is working (should be displayed in all the pages). Remember to give a TITLE to it, like Archives/BlogRoll/Maps/Clock, anything unique or number of widget.

First log in to your Blogger account back-up your template

Then click Template >> Edit HTML

Chose Proceed to start editing the HTML code.

Cick Expand Widget Templates box

Ctrl F and find the following code

It will be something like this:

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>



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

HTML3=Widget Number

UNIQUE WORD OR TITLE HERE=Widget Title if have otherwise it will be like title=''

Now follow below steps as your need:

To SHOW the code/widget only in HomePage

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

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



<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 the widget in "All Posts", but NOT in HomePage

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>



<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 the widget in any specific/particular page

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "SPECIFIC_BLOG_POST_URL"'>



<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 the widget in any specific/particular page

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url != "SPECIFIC_BLOG_POST_URL"'>



<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 widgets only in Static Pages

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "static_page"'>



<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 widgets in Static Pages

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType != "static_page"'>



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

You are done and enjoy.

Subscribe to Get Newest Articles By Email!