How to show or hide Sidebar widgets in Blogger blog

Is it possible to show and hide widgets sidebar in blogger blog? Yep. that is possible… you can hide or show widgets in the sidebar.

We can show & hide sidebar widgets in blogger blog by using conditional tags. By using that tag We can show or hide sidebar gadgets on any page of your blogger blog. But remember works on all gadget types except the "Google+ Badge" gadget and the old "Followers" (Google Friend Connect) gadget.

How to Hide widgets in Blogger Sidebar

Step01:  Back Up Your Template.

Step02:  Find Your Gadget in the Template. For that,

 Open your template by clicking the Edit HTML.

 Use the Jump to widget drop-down button to jump down to your gadget.

Click here to see image guide

If you cannot find that method, you can use the below method.

go to the main page of your blog and hover your cursor over the wrench icon at the bottom of your widget. When you do that, you'll see a URL appear at the bottom of your browser window Look for "Widget ID" in the URL

 

The text between the equals sign in "WidgetID=" and the ampersand (&) is the widget's ID. Select that ID from the "Jump to Widget" menu to go straight to that widgets section in your blog's HTML.

Step03: Expand Your Widget

After you found widget ID in HTML box expand that. For that Click “….” Before </b:widget>

Step04: Choice Conditional Tags as you prefer, you can put that conditional tags for anywhere in the blog template by using below codes as you prefer.

If you want to restrict a gadget to your homepage only, 

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

(Gadget code here)

</b:if>

Show Gadget on the Homepage and "Index" Pages,

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

(Gadget code here)

</b:if>

Show Gadget on Post Pages Only,

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

(Gadget code here)

</b:if>

Show Gadget on Static Pages Only,

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

(Gadget code here)

</b:if>

Show Gadget on One Specific Page Only,

<b:if cond='data:blog.url == "PAGE URL HERE"'>

(Gadget code here)

</b:if>

if you want a gadget to show up everywhere except the home page?

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

(Gadget code here)

</b:if>

Step05: Inserting Conditional Tags

That code replace

 below the <b:includable id='main'>

and  </b:if> of condition tag goes  above the </b:includable>    

              Step06: Click on preview button & view your blog site.

              Step07: Is it OK? Then, click savebutton.

Now you can easily Show and Hide Sidebar widgets in Blogger blog.

I Hope the above method help you to show or hide Sidebar widgets in Blogger blog. And if you have any problem or know more on this, Please share with us in the comments section below. Enjoy your blogging.