Conditional tags <b:if>, <b:elseif>, <b:else> - rasgane

Dalam Conditional tags atau Penempatan Tag Blogger membuat sebuah kondisi di mana kita bisa mengatur tata letak yang ingin ditampilkan di halaman tertentu

Seperti Widget Script Html Css

• <b:if>

<b:if cond='CONDITION'>

  <!-- Kode Di sini -->

</b:if>

• <b:if> + <b:else>

<b:if cond='CONDITION'>

  <!-- Kode Di sini -->

<b:else/>

  <!-- Kode Di sini -->

</b:if>

• <b:if> + <b:elseif>

<b:if cond='CONDITION1'>

  <!-- Kode Di sini -->

<b:elseif cond='CONDITION2'/>

  <!-- Kode Di sini -->

</b:if>

• <b:if> + <b:elseif + <b:else>

<b:if cond='CONDITION1'>

    <!-- Kode Di sini -->

<b:elseif cond='CONDITION2'/>

  <!-- Kode Di sini -->

<b:else/>

  <!-- Kode Di sini -->

</b:if>

Condition

• Tag <b:if> <b:elseif> dan <b:else> bisa di tempatkan dimana saja kecuali di dalam markup <![CDATA[.
• Tag <b:if> dan <b:elseif> harus memiliki Attribute yaitu cond='CONDITION'.
• Attribute cond='CONDITION' harus memiliki nilai True dan False dan juga bisa menggunkana data expr:.
• Tag <b:elseif> dan <b:else> harus didalam Tag <b:if>.
• Tag <b:elseif> bisa digunakan lebih dari satu dalam Tag <b:if>.
• Tag <b:else> cuma bisa digunakan sekali dalam Tag <b:if> dan diletakan di bagian akhir.

Attribute

Ini beberapa Attribute dalam <b:if> dan <b:elseif> yang sering digunakan.

• data:view.isHomepage
• data:view.isMultipleItems
• data:view.isSingleItem
• data:view.isPost
• data:view.isPage
• data:view.isLabelSearch
• data:view.isSearch
• data:view.isArchive
• data:view.isError
• data:blog.isMobileRequest
• data:view.isPreview
• data:view.isLayoutMode

Dan bisa menggunakan beberapa Operator

Data BOOLEAN

Dalam Data BOOLEAN harus memiliki nilai True dan False.

• data:view.isHomepage
• data:view.isMultipleItems
• data:view.isSingleItem
• data:view.isPost
• data:view.isPage
• data:view.isLabelSearch
• data:view.isSearch
• Other

Contoh

<b:if cond='data:view.isHomepage'>

  <!-- Kode Di sini -->

</b:if>

Data String

Dalam Data String hanya jika data berisi nilai.

• data:view.title
• data:post.labels
• Other

Contoh

<b:if cond='data:view.title'>

  <!-- Kode Di sini -->

</b:if>

Data Perbandingan

Data pertama di sematkan yang berisi operasi perbandingan == dan hasil nya, data kedua harus benar.

Contoh

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

  <!-- Kode Di sini -->

</b:if>

Data Logical

Jika salah satu benar atau keduanya benar.

Contoh

<b:if cond='data:view.search.label and data:view.isMobile'>

  <!-- Kode Di sini -->
  
</b:if>

Data Grup (Anggota)

Dalam Data Grup (Anggota) jika data pertama benar ketika mengandung term sesuai dengan salah satu data Grup (Anggota) bisa juga dibilang array.

Contoh

<b:if cond='data:label.name in ["SD","HD"]'>

  <!-- Kode Di sini -->
  
</b:if>

jika data data:label.name tidak ada yang sama dengan SD HD makan tidak akan tampil.

1. Home Page (Halaman Utama)

Versi Baru

<b:if cond='data:view.isHomepage'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

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

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com

2. Halaman Indeks

Versi Baru

<b:if cond='data:view.isMultipleItems'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

<b:if cond='data:blog.pageType == "index"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com
https://nama_blog.blogspot.com/search?q=query
https://nama_blog.blogspot.com/search/label/Blogger
https://nama_blog.blogspot.com/search?label=Blogger
https://nama_blog.blogspot.com/p/Blogger
https://nama_blog.blogspot.com/2023

3. Halaman Item (Post dan Page)

Versi Baru

<b:if cond='data:view.isSingleItem'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Anggota

<b:if cond='data:blog.pageType in ["item", "static_page"]'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/2023/04/conditional-tags.html https://nama_blog.blogspot.com/p/user.html

4. Halaman Post (Artikel Tunggal)

Versi Baru

<b:if cond='data:view.isPost'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

<b:if cond='data:blog.pageType == "item"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/2023/04/conditional-tags.html

5. Halaman Page (Statis)

Versi Baru

<b:if cond='data:view.isPage'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

<b:if cond='data:blog.pageType == "static_page"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/p/user.html

6. Halaman URL Tertentu

<b:if cond='data:view.url == data:blog.homepageUrl path "URL_Halaman"'>

  <!-- Kode Di sini -->

</b:if>

Cara Penulisan

<b:if cond='data:view.url == data:blog.homepageUrl path "/2023/04/conditional-tags.html"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/2023/04/conditional-tags.html

7. Halaman Label

Versi Baru

<b:if cond='data:view.isLabelSearch'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama

<b:if cond='data:blog.searchLabel"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/search/label/Blogger
https://nama_blog.blogspot.com/search?label=Blogger

8. Halaman Pencarian Dengan Operasi Logical

Hanya halaman pencarian berdasarkan query.

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/search?q=query

Termasuk halaman pencarian label (semua yang mengandung kata "search" di URL)

<b:if cond='data:view.isSearch'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/search?q=query
https://nama_blog.blogspot.com/search/label/Blogger
https://nama_blog.blogspot.com/search?label=Blogger

9. Halaman Arsip

Versi Baru

<b:if cond='data:view.isArchive'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

<b:if cond='data:blog.pageType == "archive"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/2020
https://nama_blog.blogspot.com/2020/04
https://nama_blog.blogspot.com/2020_04_14_archive.html

10. Halaman Error 404 (Page Not Found)

Versi Baru

<b:if cond='data:view.isError'>

  <!-- Kode Di sini -->

</b:if>

Versi Lama / Dengan Operasi Perbandingan

<b:if cond='data:blog.pageType == "error_page"'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com/404.html

11. Halaman Mobile

Semua yang memiliki parameter ?m=1

<b:if cond='data:blog.isMobileRequest'>

  <!-- Kode Di sini -->

</b:if>

Dalam Bentuk Url :
https://nama_blog.blogspot.com?m=1

12. Halaman Pratinjau (Preview)

<b:if cond='data:view.isPreview'>

  <!-- Kode Di sini -->

</b:if>

13. Halaman Layout di Dashboard

<b:if cond='data:view.isLayoutMode'>

  <!-- Kode Di sini -->

</b:if>

Referensi : https://ultimatebloggerguide.blogspot.com/2016/07/blogger-conditional-tags-for-page-types.html
https://www.igniel.com/2017/12/tag-kondisional-blogger-terbaru.html
https://bloggercode-blogconnexion.blogspot.com/2016/03/tag-b-if-b-else-b-elseif.html#
https://www.kurteyki.com/belajar-kode-blogger/content/80#bif