How To Hide Or Show Widget In Blogger Posts Pages And Other Pages

I have visited many sites to know the method to  hide blogger widgets on post,statict or home page in blogger but 90% methods did not worked.Some methods are able to hide the widgets or show widgets but they unable to stop them from loading hence slows down the loading speed of blog.The method usually used are blogger conditional tags and using CSS property.So, today i will show you how you can hide or show blogger widgets on post,static or any other pages in blogger.This method will also restrict blogger widgets from loading hence increasing loading speed of your blog and offering a good user experience.First of all i will show you how you can hide a widget from static page.After that you will be able to hide any widget or show any widget from pages you want.

Hide A Widget From Static Page In Blogger

Step 1 : Go to Blogger>Dashboard>Theme>Edit Html
Step 2 : Now find the widget you want to hide or show on some pages.You can do so by click jump to and the selecting the desired widget.
Step 3 : Now Expand The Widget Code.
Step 4 : Add the following code after <b:includable id='main'>

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

Step 5 : Now click save templete and visit your blog to see the results.
Follow the above steps and use the code below for your desired function.

Hide A Widget From Home Page In Blogger

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

Hide A Widget From Item Pages Or Post Pages In Blogger

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

 Hide A Widget From Index Pages In Blogger

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

 Hide A Widget From Archieve Pages In Blogger

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

Hide A Widget From Mobile In Blogger

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

What If You Want To Manually Show Your Widgets

If you want to show your widgets instead of hidding them you just have to make a slight change in the above code.Use != instead of == and you are done.
For mobile use <b:else/> code as show as below

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

I hope you found this article helpful.Comment below for suggestion and if you face any problem, would like to help you.

Tagged With

• How to hide blogger widgets in static pages
• How to hide adsense ads from privacy policy page
• How to hide widgets from specific pages in blogger
• How to hide widgets in pages
• How to mannually show blogger widgets on specific pages
• How to hide or show blogger widgets on certain or specific pages
• How to show widgets in mobile in blogger
• Show blogger widget in mobile templete
• blogfowl
• blogfowl blogger tutorials and tools