Generally, when we add a gadget in blogger then it would appear on
all static pages like Homepages, Post Pages and Static pages. Sometimes people
want to show some widgets on few parts of their website and remove unnecessary
widgets from specific pages in blogger. This tutorial is all about how to show
or hide widgets on blogger specific pages.
1. Log in to Blogger > >Dashboard.
2. Click on Drop Down Menu and Select Template.
3. Backup your Template before making any changes to your blog.
4. Now Click on Edit HTML.
5. Search for the title of the widget you want to control.
6. 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'>
WIDGET CODE GOES HERE
</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 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>
Where WIDGET CODE GOES HERE is the code of the widget you want to
show or hide.
1. How to Display a
Widget only on Homepage?
If you wants to show a widget on your homepage, add your gadget
coding between these two lines. By using the following coding the gadget would
only appear on your Home page.
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES
HERE
</b:if>
2. How to Hide a
Widget on Homepage?
If you wants to restrict/hide a widget from the homepage, just add
your gadget coding between these two lines. It will show the gadget on each and
every page except homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
3. How To Display a
Widget only on Posts?
If you wants to show the gadget only on post pages, then use the
following coding. By using the following coding the gadget would only appear on
your Posts.
<b:if
cond='data:blog.pageType == "item"'>
WIDGET CODE GOES
HERE
</b:if>
4. How To Hide a Widget
In Post pages?
If you wants to hide the gadget on post pages, then use the
following coding. By using the following coding the gadget would hide on your
Post pages.
<b:if
cond='data:blog.pageType!= "item"'>
WIDGET CODE GOES
HERE
</b:if>
If anyone wants to show the gadget only on selected post pages,
then use the following coding. By using the following coding the gadget would
only appear on your selected Posts.
<b:if cond='data:blog.url
== "URL OF Selected Post"'>
WIDGET CODE WILL GO HERE
</b:if>
Just paste your gadget coding between these two lines to hide a
widget from your selected post.
<b:if
cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE WILL GO HERE
</b:if>
If anyone wants to display a gadget on his Static pages then, use
the following coding. It would appear only on Static Pages.
<b:if cond='data:blog.pageType
== "static_page"'>
WIDGET CODE GOES
HERE
</b:if>
If anyone wants to hide a gadget on his Static pages then, use the
following coding. It will show widget in each and every pages of your site
except static pages.
<b:if
cond='data:blog.pageType != "static_page"'>
WIDGET CODE WILL GO HERE
</b:if>
9. How to display a
Widget on Archive pages?
If anyone wants to show a gadget on Archive pages then, use the
following coding. It would appear only on archive pages and hide from all other
pages.
<b:if
cond='data:blog.pageType == "archive"'>
WIDGET CODE GOES
HERE
</b:if>
Add your widget coding between these two lines. It will hide the widget
from posts of your site except home page and static pages.
<b:if
cond='data:blog.pageType != "item"'>
WIDGET CODE GOES
HERE
</b:if>
If you desire to show certain HTML Coding on the homepage and
posts. In this case, use the following coding and it would hide the gadget from
Static pages except Home page and posts of your site.
<b:if
cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES
HERE
</b:if>
Add your HTML/JavaScript widget coding between these two lines. By
using the following coding the gadget would appear on Posts page and Static
pages and remain hidden from homepage.
<b:if
cond='data:blog.pageType != "index"'>
WIDGET CODE GOES
HERE
</b:if>
.png)
0 comments:
Post a Comment