How to Show and Hide Widgets in Blogger

The blogger with widgets become a adequate sites. If you know customizing, hiding, and showing widgets is particular posts or specific static page, then you must get better ranking or enhance your blog look and performance. There are many of time blogger widgets to be hide or to be shown.
How To Remove Blogger Attribution Widget(Hide Powered By Blogger Message)

Showing and Hiding Widgets in Blogger

However show/hide widgets in following way. Follow these steps given below.
Step 1
Log in to Blogger Dashboard > Layout Add Widget. Give a unique name to your Widget.
Step 2
Go To Blogger Dashboard > Template > Edit HTML. See below picture to go editing Template in Blogger.

Edit HtMl Screen shot to guide

Step 3
Now Search (CTRL + F) the Widget name. You find a similar code like below.
<b:widget id='HTML9' locked='false' title='related-post' type='HTML'>
<b:includable id='main'>Conditional Tag Goes Here
<!-- 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>
Step 4
Replace the blue tags with appropriate conditional tags or code.
To show in Homepage only
<b:if cond='data:blog.url == data:blog.homepageUrl'>
To hide in Homepage only
<b:if cond='data:blog.url != data:blog.homepageUrl'>
To show only in Pages with Post
<b:if cond='data:blog.pageType == "item"'>
To hide only in Pages with Post
<b:if cond='data:blog.pageType != "item"'>
To show only in Specific Pages
<b:if cond='data:blog.url == "URL of the page"'>
To hide only in Specific pages
<b:if cond='data:blog.url != "URL of the page"'>
To show only in static pages
<b:if cond='data:blog.url =="static_page"'>
To hide only in static pages
<b:if cond='data:blog.url !="static_page"'>
To show widgets only in Archive Pages
<b:if cond='data:blog.pageType == "archive"'>
To hide widgets only in Archive Pages
<b:if cond='data:blog.pageType != "archive"'>
Note : Add </b:if> code at place shown above.
Step 5
Save the Template.

Follow me on

google+ facebook twitter

Share Your Mind and Knowledge to Help Others