Updates : More Conditional Tags list

Say you want to hide a widget inside the Post pages and want it to be visible only if you are in the Home page. For example you want the Facebook Like button to be visible in the home/front/main page of your website but don't want it appear after you click on 'read more' link. This trick might be old and simple but I found it very useful and in many way provide you with extra control over your website. Example/demo can be seen on this website as shown below..

This is screen-shot for the homepage [www.junksblogger.com/]

This is screen-shot for the Post page [http://www.junksblogger.com/2010/09/cool-subscription-box-for-blogger-v2.html] - notice that the Facebook Like button is not appear here.

Here we go..

First go to your Blogger dashboard and Click 'Layout' ► 'Edit Html' ► 'Expand Widget Templates'. Don't forget to backup your template by download it first. You can do so by putting this conditional tags code below anywhere the widget goes.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    The widget goes here..
</b:if>

or

<b:if cond='data:blog.pageType == &quot;item&quot;'>
     The widget goes here..
</b:if>

Notes :

==  ►if you want to hide it while on the homepage
!=   ►otherwise if you want it to appear in the homepage only


Update : You can use it too for Blogger Pages(static pages)

<b:if cond="data:blog.pageType == &quot;static_page&quot;">
    The widget goes here..
</b:if>

CSS customization sample code(customize it as you please ~ incomplete). Place the code before </head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type="text/css">
#sidebar{display:none;} 
#main-wrapper {display: block;width: 864px;}
</style>
</b:if >

Go0d Luck..



You may also like this [...]
Fellow Readers