How To Show and Hide Widgets In Blogger Pages?

 show,hide,only,static pages,homepage and archive pages to widgetsMany of the bloggers want to customize their widgets in some specific pages.Some of them want to hide widgets in homepage,Static pages and other want to hide their widgets on homepage,static pages.Static pages are the pages mean contact-us,About-us,write for us and sitemap where no one want to show widgets on this particular pages.By finding widgets codes and making the code between html/scripts to show and hide blogger widgets.You can follow some below tricks to show widgets as you like on your blogger pages.
Home Pages:-
► How to Show Widgets Only On Home Page?
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
where widget code is the code of your widget that you want to show only on homepage.
► How to Hide Widgets On Home page?
<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>
Static Pages:-
► How to Show widgets Only On Static Pages?
Static pages:- About us,Contact us,Sitemap and more…
<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>
► How to Hide Widgets On Static Pages?
<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>
Post Pages:-
► How to show a widget Only on Selected Posts?
<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
► How To Hide a widget on Selected posts ?
<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
Set up the Widgets using Below Procedure:-
1.Go to blogger.
2.Template –> Edit Html
3.Tick at Expand Widget Box
4.You widget code look similar as below
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable> </b:widget>
Example:- (Show widget only on Home page- Popular posts Widget)
<b:widget id='HTML' locked='false' title='Popular Posts' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable> </b:widget>
Similar for all and done.

No comments:

Post a Comment

Please comment the message if you like post or any trouble