Blogger Conditional Tags: Show/Hide Widgets On Specific Page

Conditional tag for blogger is very important when it comes to SEO. So to get a higher ranking, you have to utilize Conditional tags for blogger. One feature of conditional tags to is the ability to hide/show widgets/Gadgets on a specific page or on in Homepage.

Blogger Conditional Tags: Show/Hide Widgets On Specific Page


There are many conditional tags on blogger blog. Here are important tags you need to know on blogger blog to increase rank from search engines.


HOW TO USE BLOGGER CONDITION TAGS

1. Head over to HTML/JAVASCRIPT and add a gadget. 

2. Give your gadget a unique title so that you can remember it.

3. Go to blogger "Template" and click on "Template" - "Edit HTML"


Blogger conditional tags


4. Tap/Click anywhere inside the codes and press "CTRL + F" windows keys.


show/hide post on homepage, archive, post page, specific page; Condtional tags


5. Look at your top right, you'll see a search box. Now search for the gadget name you recently created in step 2.

For example, if one of the widget name was "Blogger Seo". After you hit enter to search the widget, it will look like something similar below;

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>  
The code is the gadget/widget you just added in step 1. 

6. Now you need to add conditional tags to the code. The part mark in Red color below are the conditional tags you need to add to the HTML.

To Copy Codes On This Blog, Use CTRL+C & Then Paste It With CRTL+V

BLOGGER CONDITIONAL TAGS


How To Show Blogger Widget Only On HomePage - Tags

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget Only On Archive Pages - Tags


<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond=’data:blog.pageType == “archive”‘>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
How To Show Blogger Widget In A Specific Page - Tags

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

How To Show Blogger Widget In A Static Pages - Tags

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget On A Particular Page - Tags


<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget On A Post Page - Tags

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType!= "item"'>                                                                <!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>


How To Show Blogger Widget On A Label Page - Tags



<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
data:blog.pageType == “index”
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>



How To Show Blogger Widget On Search Result - Tags



<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
data:blog.searchQuery
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget On Blogger Tags - Tags

<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
<b:if cond=’data:blog.url == data:post.url’>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget On 404 Page - Tags



<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
data:blog.pageType == “error_page”
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


How To Show Blogger Widget Only On First Post - Tags


<b:widget id='HTML1' locked='false' title='Blogger Seo' type='HTML'>
<b:includable id='main'>
data:post.isFirstPost
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Ones you are through adding the Conditional Tags, "Save Template". And test it out if you wish.

If you have any question concerning this topic, comment below or click here to comment.


RELATED SEO TIP




1 comment:

  1. These tags are really helpful

    ReplyDelete