There are few questions people asked about: how to display blogger widgets on selected pages in blogger? How can I display blogger widget on subpages only? How to display widget on homepage only? To answer all these questions today’s article will be a healthy one. It’s very important to control widget display in Blogger.
Some widgets are for homepages only, while some makes sense when you show it at your About Me, Static Page, or Contact Pages. It’s the JaveScript/HTML widget that is mostly used for adding the widgets to blogger those easily to be managed. This can be possible, you just need to follow these Blogging Tips.
How to Show Widgets Only On Homepages?
Simply enclose the code inside JavaScript/HTML widget between these lines,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
WIDGET CODE GOES HERE
</b:if>
where WIDGET CODE GOES HERE is the code of the widget you want to show or hide.
How to Hide Widgets On Homepages?
Same procedure here,
<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>
How To Show Widgets Only On Static Pages? WIDGET CODE GOES HERE
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>
How To Hide Widgets On Static Pages? WIDGET CODE GOES HERE
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>
How To Show a Widget On a Selected Post Only? WIDGET CODE GOES HERE
</b:if>
<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
How To Control Blogger’s Official Widgets?WIDGET CODE GOES HERE
</b:if>
The same procedure can be applied to Blogger’s official widgets like Archives, About Me Poll etc. For controlling that widgets do this,
- Go To Blogger > Design > Edit HTML
- Backup your template
- Check the Expand Widgets Templates Box
- Search for the title of the widget you want to control
- The code for the widget will look something similar to this one,
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
</b:includable>
</b:widget>
On finding the title in place of WIDGET-TITLE-HERE you will find two similar codes like those I have shown in bolded blue You just need to add the Controlling codes in the following manner. For example if you wish to show a widget at Homepage only then do this, </b:widget>
<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'>
LARGE CHUNK OF WIDGET CODE <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
</b:includable>
</b:widget>
That’s it. Do the same for applying any controlling code. I hope you will like this useful post :)</b:includable>
</b:widget>
Hopefully you will like this article same as our previous posts. We always give respect to our reputable readers by providing the latest and informative knowledge. Again if you need any assistance or tips feel free to contact us at blogtipz[at]hotmail.com and www.bloggers-tips.blogspot.com. We always appreciate your advises and comments.
Sourced By : Bloggertipsandtricks
