Nov 13, 2017

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





Send me a message on Messenger if you need my help.



Get Our Hottest Updates via SMS. Kindly SMS FOLLOW UCHETECHS to 40404 on Any Network, It Is Totally FREE. Download Our Android App From Playstore HERE
To Submit Your Guest Post Or Sponsored Article, Click HERE. For Latest Tips and Tricks, Join Our Telegram Channel Chat
uchetechs blog-bg
   
SHARE THIS

Get Latest Games and Apps From UcheTechs


facebook twitter gplus pinterest rss

1 comment:

  1. These tags are really helpful

    ReplyDelete

After dropping your comment, keep calm, it may take minutes before it appears after moderation.
Your comment(s) are appreciated.

You want to get notified when i reply your comment? Kindly tick the Notify Me box.