How to Show Hide Widgets On Certain Pages

Well This Hiding Option is Essential For All Blogger Especially Some of the Widgets Don't look to be Comforted on a Home page or any static pages.and it may be an important Widget and We Can't remove it. So for Such type of Reasons this trick helps us to Hide and Show Widgets on Particular Pages only. So let's See How To add this Widget


Follow the Steps to Show & Hide Widgets on Certain Pages.


Go to Design < Edit Html 
Now Check Expand Widget Templates.


Now Search for the title of the widget you want to show or hide . The code will look something like the below code:.



<b:widget id='HTML' locked='false' title='WIDGET-TITLE' type='Profile'>
<b:includable id='main'>
WIDGET CODE  HERE
 </b:includable> </b:widget>
Once you find it, you will also see a line of code that looks similar to the Highlighted Code. Now you have to do  Tweak the widget’s code with the following code below :.

1.Show Widget Only on Homepage
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE HERE
</b:if>
 </b:includable> </b:widget>

2. Hide the Widget On Homepage :.

<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE  HERE
 </b:if>
3.Show Widget Only On Static Pages:.


<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
 </b:if>
4.Hide the Widget on Static Pages:.

<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
 </b:if>
5.Show Widget on Selected Post Only:.

<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
 </b:if>
6.Hide Widget On the Selected Post Only:.

<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
 </b:if>
Now Choose the Desired Form And Tweak the Codes As Mentioned Above. That's it.Now You're Done!
Note: Backup Your Template Before Editing.

2 comments:

Subscribe to: Post Comments (Atom)
Blogger Template by Clairvo