
One of the reasons why you’d want to hide a widget is to avoid cramming to much stuff on your page, which distracts your visitors; you only want the relevant and essential widgets to be visible depending on the content of the current page.
So how do you do this? Just follow these steps:
- On your Blogger dashboard, go to Design (‘Template’ for new interface) then ‘Edit HTML’
- Check the ‘Expand Widgets Template’ box
- Search for the title of the widget you want to show/hide (press Ctrl+F). The code will look something like this:
<b:widget id='HTML' locked='false' title='WIDGET-TITLE' type='Profile'><b:includable id='main'>WIDGET CODE GOES HERE </b:includable> </b:widget>Once you find it, you’ll also see a line of code that looks similar to the ones I highlighted in blue. All you have to do is wrap the widget’s code with the following code below (highlighted in green):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 GOES HERE</b:if> </b:includable> </b:widget>Hide widget on Homepage:<b:if cond='data:blog.pageType == "item"'>WIDGET CODE GOES HERE </b:if>Show widget only on Static Pages:<b:if cond='data:blog.pageType == "static_page"'>WIDGET CODE GOES HERE </b:if>Hide widget on Static Pages:<b:if cond='data:blog.pageType != "static_page"'>WIDGET CODE GOES HERE </b:if>Show widget on Selected Post:<b:if cond='data:blog.url == "URL OF Selected Post"'>WIDGET CODE GOES HERE </b:if>Hide widget on Selected Post:<b:if cond='data:blog.url != "URL OF Selected Post"'>WIDGET CODE GOES HERE </b:if>Notice the pattern? Well, now you know how it’s done. Cheers!
0 comments:
Post a Comment