How To Hide Blogger Widgets from Certain Pages [Complete Hide]

How To Hide Blogger Widgets from Certain Pages [Complete Hide]

How To Hide Blogger Widgets from Certain Pages [Complete Hide] 100% working 2016 tricks tricksuniversity

Statistics for blogger [Modification of Default Blogger Stats Widget]
Earn Money With Ouo.io [shorte.st Alternative] [Shortener] [ Review & Feature ] [2016]
Earn Money With YllixMedia [ Review & Feature ]

Finally, I found a trick to completely remove blogger widgets from certain page/pages. If you use only Blogger condition tag to hide widgets from certain page/pages that time you can found that widget into Source code that means it only hidden not actually removed because Blogger actually load the widget.
Refer the following example to learn, How to completely remove [not hide] Blogger widgets?

Step 1 :
1.1 First open blogger.
1.2 Select Template and click on backup/restore and backup the Template, and close that pop-up.
How To Hide Blogger Widgets from Certain Pages [Complete Hide]
Step 2 :
Now click on edit HTML, Now click on Jump to widget button and select widget which you want to remove or hide.
How To Hide Blogger Widgets from Certain Pages [Complete Hide]
How To Hide Blogger Widgets from Certain Pages [Complete Hide]

Lets start with example:

Original HTML widget code like below:

<b:widget id="HTML1" locked="false" title="HTML Widget" type="HTML">
<b:includable id="main">
<!-- only display title if it's non-empty -->
<b:if cond="data:title != &quot;&quot;">
</b:if></b:includable></b:widget>
<h2 class="title">
<data:title>
</data:title></h2>

<div class="widget-content">
<data:content>
</data:content></div>
<b:include name="quickedit">
</b:include>

Remove this widget from home, add the code after tag:

<b:if cond="data:blog.url == data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>

Now the edited code:

<b:widget id="HTML1" locked="false" title="HTML Widget" type="HTML">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != &quot;&quot;">
</b:if></b:includable></b:widget>
<h2 class="title">
<data:title>
</data:title></h2>

<div class="widget-content">
<data:content>
</data:content></div>
<b:include name="quickedit">  </b:include>

Visible this widget in home only, add the code after tag:

<b:if cond="data:blog.url != data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>

Now the edited code:

<b:widget id="HTML1" locked="false" title="HTML Widget" type="HTML">
<b:includable id="main">
<b:if cond="data:blog.url != data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != &quot;&quot;">
</b:if></b:includable></b:widget>
<h2 class="title">
<data:title>
</data:title></h2>

<div class="widget-content">
<data:content>
</data:content></div>
<b:include name="quickedit">  </b:include>
Step 3 :
Now, click Save template button and check your home page to see, the widget was removed.
How To Hide Blogger Widgets from Certain Pages [Complete Hide]

Hide from other pages or any pages

Hide from certain pages

<b:if cond="data:blog.url == /p/about.html">
<b:remove>
</b:remove></b:if>
<b:if cond="data:blog.url == /p/adv.html">
<b:remove>
</b:remove></b:if>
<b:if cond="data:blog.url == /p/contact-us.html">
<b:remove>
</b:remove></b:if>

Visible for certain pages only only

<b:if cond="data:blog.url != /p/about.html">
<b:remove>
</b:remove></b:if>
<b:if cond="data:blog.url != /p/adv.html">
<b:remove>
</b:remove></b:if>
<b:if cond="data:blog.url != /p/contact-us.html">
<b:remove>
</b:remove></b:if>

Hide from home page

<b:if cond="data:blog.url == data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>

Visible for home page only only

<b:if cond="data:blog.url != data:blog.homepageUrl">
<b:remove>
</b:remove></b:if>

Hide from index pages

(home, label, search page or all posts page (include home and its older posts pages).

<b:if cond="data:blog.pageType == &quot;index&quot;">
<b:remove>
</b:remove></b:if>

Visible for index pages only

(home, label, search page or all posts page (include home and its older posts pages).

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

Hide from static pages

<b:if cond="data:blog.pageType == &quot;static_page&quot;">
<b:remove>
</b:remove></b:if>

Visible for static pages only

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

Hide from item pages

(articles, posts)

<b:if cond="data:blog.pageType == &quot;item&quot;">
<b:remove>
</b:remove></b:if>

Visible for item pages only

(articles, posts)

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

Hide from archive pages

(showing posts by months / years)

<b:if cond="data:blog.pageType == &quot;archive&quot;">
<b:remove>
</b:remove></b:if>

Visible for archive pages only

(showing posts by months / years)

<b:if cond="data:blog.pageType != &quot;archive&quot;">
<b:remove>
</b:remove></b:if>

Hide from 404 pages

<b:if cond="data:blog.pageType == &quot;error_page&quot;">
<b:remove>
</b:remove></b:if>

Visible for 404 pages only

<b:if cond="data:blog.pageType != &quot;error_page&quot;">
<b:remove>
</b:remove></b:if>

Hide from mobile

<b:if cond="data:blog.isMobileRequest">
<b:remove>
</b:remove></b:if>

COMMENTS

WORDPRESS: 0
DISQUS: 1
banner