Top 7 Blogger Page Types Conditional Tags

So many people ask me how I can create my own blogger template? This why I decided to write all articles about this topic. So before creating your own blogger template, you must need to know HTML, JAVASCRIPT, and CSS. if you know HTML, CSS, JavaScript then you need to know blogger conditional tag. If want to create a blogger theme it's just for you. If you want to use your blogger theme dynamically then your blogger conditional tags help you.

There is same conditional tags marked example

Now all of them are called conditional tag for an example: <data:blog.title/> this tag is use you dynamically get your blog name. If you add this tag anywhere of your theme HTML edit then you see your blog name on the site. If you still don't know anything then there is one more example for you:

On the theme HTML edit

On the theme

Now I hope you understand the use of the blogger conditional tag. Now if you want to add any widget on the homepage but you hide this widget for post and page then you need to use the blogger page type conditional tag.

So let's talk about the top 7 blogger page types conditional tags

Archive Page

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Your Element Here
</b:if>

This conditional tag helps you to add any kind widget or element only for the archive page. By using this conditional tag you can customize the archive page.

Index Page

For the home & search page

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Your Element Here
</b:if>

This conditional tag helps you to customize and add any widget only for the home and search page.

Only for the home page

<b:if cond='data:view.isHomepage'>
Your Element Here
</b:if>

If you want to add any widget only for the homepage then this conditional tag helps you do this.

Label Page

For all label

<b:if cond='data:blog.searchLabel'>
Your Element Here
</b:if>

This conditional tag helps you to add any kind of element for the search label page. Just add any widget you want.

For specific label

<b:if cond='data:blog.searchLabel== &quot;LABEL-NAME&quot;'>
Your Element Here
</b:if>

This conditional tag is used for specifying the label page. If you want to add any widget for any specific label then simply you can use this label just add you are specific label name on the LABEL-NAME.

Item Page

For all post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Your Element Here
</b:if>

If you want to add and customize the item option like read more button then you can use this conditional tag.

For fast post

<b:if cond='data:post.isFirstPost'>
Your Element Here
</b:if>

If you want to customize the fast article then you can use this conditional tag.

Static Page

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Your Element Here
</b:if>

If you want to and any widget element on the page then you can use this conditional tag.

Error Page

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Your Element Here
</b:if>

This conditional tag used to add any widget on the 404 error page. You can create 404 error page with this conditional tag.

Search Page

For all search result

<b:if cond='data:blog.searchQuery'>
Your Element Here
</b:if>

This conditional tag used to add any kind of widget on the search result page.

For specific search query

<b:if cond='data:blog.searchQuery == &quot;SEARCH-QUERY&quot;'>
Your Element Here
</b:if>

This conditional tag used to add any widget for specific search terms. Just add the specific search terms on the SEARCH_QUARY.

Conclusion

There is the end of this article. If you face any problem with the blogger conditional tag then simply comment down below I will try my best to help you. Thanks for with us.