Basic
Basic blogger conditional tags
Homepage
Blogger Conditional Tag for determine current page is homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'></b:if>
or
<b:if cond='data:view.isHomepage'></b:if>
Post
Blogger Conditional Tag for determine current page is post ex: http://webmanajemen.com/p/privacy.html (Is Post)
<b:if cond='data:blog.pageType == "item"'></b:if>
or
<b:if cond='data:view.isPost'></b:if>
Page
Blogger Conditional Tag for determine current page is page or static page (Is Page Or Static Page)
<b:if cond='data:blog.pageType == "static_page"'></b:if>
or
<b:if cond='data:view.isPage'></b:if>
Custom Post Page
data:blog.url
is the code to display the original opened url. In the latest version can use data:view.url
. When the url is the same as the filled url, then the result will be true so that . If you move to a custom domain, the Page Url from blogspot must also be replaced with a custom domain.
<b:if cond='data:blog.url == "Url Post Or Page"'></b:if>
Example: Determine current page is https://webmanajemen.com/2017/04/instal-php-cli-pada-android-instalasi.html
<b:if cond='data:blog.url == "https://webmanajemen.com/2017/04/instal-php-cli-pada-android-instalasi.html"'></b:if>
Index
Blogger Conditional Tag for pages that have features to find articles, such as homepage, search, label and archive pages. (Is Index Blogger Conditional Tag)
<b:if cond='data:blog.pageType == "index"'></b:if>
or
<b:if cond='data:view.isMultipleItems'></b:if>
Label
Blogger Conditional Tag to display element while on label page (current page is label) ex: http://webmanajemen.com/search/label/Blogger (Is label (Tags/Categories))
<b:if cond='data:blog.searchLabel'></b:if>
or
<b:if cond='data:view.isLabelSearch'></b:if>
Custom Label
Blogger Conditional tag to display on the page a predefined label
<b:if cond='data:blog.searchLabel == "Label Name"'></b:if>
or
<b:if cond='data:view.search.label == "Label Name"'></b:if>
Search Page
Blogger conditional tag to display an element when it is on a search page or query data in a blog. ex: https://webmanajemen.com/search?q=Install+php+cli
<b:if cond='data:blog.searchQuery'></b:if>
or
<b:if cond='data:view.search.query'></b:if>
Custom Search Page
Blogger conditional tag to display an element when it is on a search page or query data with custom keywords in a blog.
<b:if cond='data:blog.searchQuery == "Keywords"'></b:if>
or
<b:if cond='data:view.search.query == "Keywords"'></b:if>
Archives
Blogger conditional tag to determine current page is Archive Blog. ex: http://webmanajemen.com/2017/05/
<b:if cond='data:blog.pageType == "archive"'></b:if>
or
<b:if cond='data:view.isArchive'></b:if>
Error Page (404)
This blogger conditional tag is used to display a warning that the page you are looking for does not exist or is the result of a url error or 404 not found.
<b:if cond='data:blog.pageType == "error_page"'></b:if>
or
<b:if cond='data:view.isError'></b:if>
Layout Preview Page
This blogger conditional tag can be used to not display adsense js on page layout (layout) and preview (preview). The goal is of course so that the ad does not appear when the article is opened in preview.
<b:if cond='data:view.isLayoutMode and data:view.isPreview'></b:if>
Mobile Requests
This blogger conditional tag code will only read for HTML code that is displayed specifically on mobile devices aka HandPhones and Tablets. ex: https://webmanajemen.com/2017/04/instal-php-cli-pada-android-instalasi.html?m=1
<b:if cond='data:blog.isMobileRequest'></b:if>
NOT, AND, OR Declaration Function in Blogger Conditional Tags
In using the blogger conditional tag, we can also provide a declaration function on the conditional tag to make it shorter
NOT
In the use of the blogger conditional tag if it is NOT the page in question, which means the code will NOT be displayed on the page in question. Add function ! (exclamation mark)
<b:if cond='data:blog.url != data:blog.homepageUrl'></b:if>
or
<b:if cond='!data:view.isPost'>
AND
In blogger conditional tag use Condition if both are true. Add AND
function
<b:if cond='!data:view.isPost AND data:view.isMultipleItems'></b:if>
OR
condition if one of them is true. Add OR
function
<b:if cond='data:view.isPost OR data:view.isMultipleItems'>
Addition :
To concatenate multiple page urls on a specific page tag. If the code like no.11 above is only 1 url, then for multiple urls:
<b:if cond='data:view.url in {"URL page 1","URL page 2","Next page URL"}'></b:if>
Notice there is a comma. On the other hand you can use and, which means that if the use of both or more conditions is true it will be displayed. If one is not correct then it will not be displayed.
Thus a collection of blogger conditional tag codes that I can show you all, good luck and happy experimenting.
See Also:
- Conditional Tags For Desktop
- Add Featured Post Image Slider
- Conditional Tags For Targeting
- Menyembunyikan Javascript Di Blogger AMP
Bookmark This
THIS ARTICLE WILL CONTINUE TO BE UPDATED AS THE BLOGGER DEVELOPES FROM TIME TO TIME