Most of the Bloggers struggles to Show/Hide widgets in Blogger. How to Show Widgets only in Home Page? How to Hide Widgets only in Post pages..etc. Here is the Tutorial to do that :) The Easiest way to Show and Hide Gadgets in Blogger. Still now, Wordpress has this Feature and Several Bloggers are shifted to Wordpress due to the Only reason. By using this Tutorial, You can Show or Hide widgets in Any page or Particular directories.

Procedure:

Video Tutorial:
  • First go to Blogger > Layout > Edit Gadget or Add New Gadget. There, Note the Widget ID as shown in the below image.
  • Now, Go to Template > Edit HTML > Select the Gadget ID as shown in the Below Image.
  • After Selecting the Widget ID, You'll go the Widget XML Area. Just after The First line, You'll something like this:
 <b:includable id='main'>
  • Just after the above line, Paste the Widget Show/Hide code (Select the code below according to your Requirements).
  • After Pasting, Click Save. Now, You'll get an Error and the Scrollbar takes you to the Error place and it will be in Red color as shown below:
</b:includable>
  • Now, Just above it, Paste the Following line and Hit save. That's it! 
</b:if>

 Show/Hide Widget Codes:

To Show Widgets Only in Home Page:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
To Hide Widgets Only in Home Page:
<b:if cond='data:blog.pageType == "item"'>
To Show Widgets Only in Static Pages (Blog Pages):
<b:if cond='data:blog.pageType == "static_page"'>
To Hide Widgets Only in Static Pages (Blog Pages):
<b:if cond='data:blog.pageType != "static_page"'>
To Show Widgets Only in Selected Posts:
<b:if cond='data:blog.url == "URL OF Selected Post"'> 
To Hide Widgets Only in Selected Posts:
<b:if cond='data:blog.url != "URL OF Selected Post"'>
Hope you Enjoy this Tutorial Guys :) Let's drop your Comments below. I know you have Tons of Queries :)
 
Top