HOW TO HIDE AND SHOW WIDGET/GADGET ON BLOGGER

Blogging is becoming so popular and with this popularity, comes complexity. If you have been blogging for more than 7 years now and you have not made some changes to the way you blog then i must say, your blog will look like a mud house amidst mansions.

Enough talk now, let go to the main topic.

Easyway to hide and show widget/gadget on blogger.

First their is a need to identify the widget id you want to hide or show. Every important!!

To locate, go to your layout point your mouse at the specific area the widget is located (dont click)

You will notice an address pop up beneath. Locate widgetid=    The next word after = is your id.

goto your template in settings and click HTML

locate jump to widget and find your widget id

Click the arrow beside the widget or the widget itself as seen on the image above.
the widget will expand. click on the arrow that appear again to expand. search for this code

< b:includable id='main'>
        paste code here
< !-- only display title if it's non-empty -->

As seen in the image below.

Don't save yet, end the code with this closing tag </b:if>

< b:include name='quickedit'/>
</b:if>
< /b:includable>
< /b:widget>

Every showing and ending of widget must end with this code. </b:if>

as seen in the image below (Locate)

This are the codes

SHOW WIDGET ONLY IN HOMEPAGE
<b:if cond='data:blog.url == data:blog.homepageUrl'>

SHOW BLOGGER WIDGET/GADGET ONLY IN POST PAGES
<b:if cond='data:blog.pageType == "item"'>

HIDE BLOGGER WIDGET/GADGET ONLY IN POST PAGES
<b:if cond='data:blog.pageType! == "item"'>

SHOW WIDGET IN A SPECIFIC PAGE
<b:if cond='data:blog.url == "URL of the page"'>

Replace URL of the page with the address of the page in which you want the widget/gadget to appear

HIDE WIDGET/GADGET ONLY IN A PARTICULAR PAGE
<b:if cond='data:blog.url == "URL of the page"'>

Replace URL of the page with the address of the page in which you want the widget/gadget to appear

SHOW WIDGETS/GADGET ONLY ON STATIC PAGES
<b:if cond='data:blog.pageType == "static_page"'>

HIDE WIDGETS IN STATIC PAGES
<b:if cond='data:blog.pageType != "static_page"'>

SHOW WIDGET/GADGET ONLY IN ARCHIVE PAGES
<b:if cond='data:blog.pageType == "archive"'>

SHOW WIDGET/GADGET ONLY IN ARCHIVE PAGES
<b:if cond='data:blog.pageType !== "archive"'>

FULL SAMPLE

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
< b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
< !-- 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> 

Your comments is valued