How To Show And Hide Blogger Widgets On Certain Pages

• Home
• Widget
• How To Show And Hide Blogger Widgets On Certain Pages

How To Show And Hide Blogger Widgets On Certain Pages

Posted by Unknown | 6:21 PM | Leave a Comment

How To Show And Hide Blogger Widgets On Certain Pages

Today I will show you that How you can hide or show blogger widget on pages you want.

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,

1. Go To Blogger >> Design (or) Template(for new interface) >> Edit HTML
2. Backup your template
3. Check the Expand Widgets Templates Box
4. Search for the title of the widget you want to control
5. 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 in blue. You 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. 

How To Show Widgets Only On Homepage 

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

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Homepage 

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

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets Only On Static Pages

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

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Static Pages

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

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets On Selected Post Only

    <b:if cond='data:blog.url == "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Selected Post

    <b:if cond='data:blog.url != "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Display Widgets On Archive Pages

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Display Widget On Post Pages And Homepage

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Display Widget On Homepage And Static Pages

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Display Widgets On Posts And Static Pages

   <b:if cond='data:blog.pageType != &quot;index&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>