List of All Blogger Conditional Tags and How to use it ?

Blogger.com is one of the famous blogging platform.Of course the blogger platform is good but there are several limitations. You should know the blogger conditional tags,in order to customize the Blogger Themes and looks.

Why We Need Blogger Conditional Tags?

 Blogger Conditional Tags

Blogger templates are based upon the XML and you must know the use of Conditional tags hence It become quite easier to customize a blogger template.

Components of Blogging Conditional Tags.

Blogger Conditional tag consists of opening tag,condition,your desired code,and ending tag.

<b:if cond=’Condition’> Your Desired Code </b:if>

  • <b:if – Opening conditional tag
  • cond=’condition’ – use the condition here
  • Your desired code – Write the code to be execute when specific condition is true.
  • </b:if> – Closing of conditional tag

If you wish to show specific widget on the specific URL or a webpage then you can make it possible with the help of these conditional tags.It will be quite easy to integrate this tags with blogger template.

 List of all Blogger Conditional Tags

1. Only Home Page – If you wish to show some specific text or code on the only on home page then you can use the given below code.It will make it easier for you.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

Text or code to be displayed only on Homepage of your Blogger blog.

</b:if>

2. Index Page – If you want to show specific code or a text on Homepage,Labels page and Archive page then use the following code.

<b:if cond=’data:blog.pageType == &quot;index&quot;’>

Code for Index Page

</b:if>

3. Static Page – Using this condition,your text or code will be executed on the static pages only. Not on post page nor on home page.

<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>

Static page Code

</b:if>

4.Post Page – If you wish to display specific text or content only on the post page then this code will help you to do so.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

Code to be Execute on post page.

</b:if>

5. Specific Post/Page - This conditional tag will help you to display specific widget/code on the specific page or a specific post. You have to replace the URL with the URL of the specific page or post.

<b:if cond=’data:blog.url == &quot;URL&quot;’>

Code for Specific post.

</b:if>

6. Specific Label Tags – if you want to show a code or text only on specific label Tags then use this tag.

<b:if cond=’data:blog.searchLabel’>

Widget,Text or code to be display only on Specific label Page of your Blogger blog.

</b:if>

7. Archive Page Tags – Using this tag, You can display a content/text only on the Archive pages of your blog.

<b:if cond=’data:blog.pageType == &quot;archive&quot;’>

Widget,Text or code to be display only on Archive of your Blogger blog.

</b:if>

8. Post and Static Pages – If you wish to show a content on post page as well on static page then this code will make it easier for you.

<b:if cond=’data:blog.url == data:post.url’>

Widget,Text or code to be display only on Archive of your Blogger blog.

</b:if>

9. First Post  – Code or Text written in between this text will appear only under the first post only.

<b:if cond=’data:blog.searchLabel’>

Widget,Text or code to be display only After the title of the first post out of the blog.

</b:if>

Make Alternate Conditional Tags in Blogger

You can make the nested blogger conditional tags with the help of <b:else/> tag.If you wish to execute alternate condition in <b:if> statement then it will be used.

example :

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

This is a home page.

<b:else/>

This is not a home page.

</b:if>

You can use these conditional tags any where in the blogger template except under the widget tag.

Note : don’t forget to end <b:if> tag with the </b:if> tag other wise it will create an error.

Hope you might have enjoyed this article.Use these conditional tags and create an awesome blogger template.

4 Comments

  1. Siddiq August 12, 2013 Reply
    • Rakesh October 14, 2013
    • Akshay Makadiya October 14, 2013
  2. Nitish November 10, 2013 Reply

Leave a Reply