Tag b:if conditional

Conditional Tag - Blogger

Fungsi tag b:if:

Dalam template Blogger terutama tema responsive versi 3 banyak terdapat tag seperti berikut ini :
<b:if cond='data:view.isXxxx'>

Fungsi tag ini adalah untuk menentukan kondisi halaman.
Apabila dilihat dari struktur kode elemen HTMLnya, dan diterjemahkan akan menjadi kalimat seperti ini :

<b:jika kondisi="data:diLihat.adalahHalamanXXX">
  <!-- maka yang ditampilkan adalah elemen / widget yang berada disini. -->
</b:jika>

Dengan memahami maksud dari tag kondisional tersebut maka akan lebih mudah mengaplikasikannya dalam template.
Sehingga lebih teratur menyesuaikan elemen-elemen mana yang akan ditampilkan ke suatu halaman.

Seperti diketahui bahwa halaman Blogger terdiri dari beberapa jenis dan semuanya sudah tersetting dalam template.

Berikut ini detail jenis halaman blogger beserta tag kondisionalnya.

Tag kondisional halaman blog.

Halaman / page	Kondisi
	Versi baru	Versi lama
Pratinjau isPreview
	<b:if cond='data:view.isPreview'>	-
Layout isLayoutMode
	<b:if cond='data:view.isLayoutMode'>	-
Depan isHomepage
	<b:if cond='data:view.isHomepage'>	<b:if cond='data:blog.url == data:blog.homepageUrl'>
Index isMultipleItems
	<b:if cond='data:view.isMultipleItems'>	<b:if cond='data:blog.pageType == "index"'>
Item tunggal post/page isSingleItem
	<b:if cond='data:view.isSingleItem'>	<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Postingan isPost
	<b:if cond='data:view.isPost'>	<b:if cond='data:blog.pageType == "item"'>
Halaman statis isPage
	<b:if cond='data:view.isPage'>	<b:if cond='data:blog.pageType == "static_page"'>
Pencarian isSearch
	<b:if cond='data:view.isSearch'>	<b:if cond='data:blog.searchQuery'>
Label isLabelSearch
	<b:if cond='data:view.isLabelSearch'>	<b:if cond='data:blog.searchLabel'>
Arsip isArchive
	<b:if cond='data:view.isArchive'>	<b:if cond='data:blog.pageType == "archive"'>
Error 404 isError
	<b:if cond='data:view.isError'>	<b:if cond='data:blog.pageType == "error_page"'>
Widget data:widget
	<b:if cond='cond='data:widgets'>	<>
URL khususview:url
	<b:if cond='data:view.url == data:blog.homepageUrl path "2023/12/post.html"'>	<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2023/12/post.html"'>

Catatan :

Khusus untuk layout dan preview keduanya merupakan bagian dari halaman dashboard, tidak termasuk dalam blog. Sehingga hanya bisa diakses oleh admin blog alias tidak dipublikasi untuk umum.

Dibawah ini contoh tag dengan kondisi untuk menampilkan elemen / widget HANYA dihalaman Layout (Tata letak) dan pada widget yang ditentukan.

Penggunaan

Contoh tag b:if untuk view halaman:

<b:if cond='data:view.isSingleItem'>
  <div>
  <!-- Elemen ini HANYA akan ditampilkan pada halaman tunggal saja. -->
   <a href='/'>Beranda</a>
  </div>
</b:if>

Contoh tag b:if pada widget
Hanya akan ditampilkan di halaman depan saja.

<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' version='2' visible='true'>

Hanya akan ditampilkan di halaman postingan dengan kodisi widget type='Blog'

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

Hanya akan ditampilkan di halaman Tata Letak ATAU halaman dengan beberapa widget. Karena semua halaman terdapat widget, maka akan ditampilkan di semua halaman.

<b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>

Dibawah ini contoh tag dengan kondisi view widget HANYA akan ditampilkan dihalaman SingleItem (item tunggal : post / page) dan pada halaman postingan dengan ID.

<b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' version='2' visible='true'>

Tag kondisional elemen

Daftar tag berikut ini digunakan untuk menampilkan data dari suatu objek didalam widget, berdasarkan kondisi ada / tidaknya objek tersebut didalam elemen atau widget yang dimaksud.
Dengan kata lain,

JIKA kondisi suatu widget ataupun elemen ternyata terdapat objek yang dimaksud, maka data dari objek tersebut akan ditampilkan.

Jika kondisi elemen menampilkan gambar
<b:if cond='data:useImage'>
Jika kondisi elemen menampilkan URL gambar pertama
<b:if cond='data:post.firstImageUrl'>
Jika kondisi elemen menampilkan URL gambar thumbnail
<b:if cond='data:post.thumbnailUrl'>
Jika kondisi elemen versi mobile
<b:if cond='data:mobile'>
dst...
<b:if cond='!data:mobile'>
<b:if cond='data:top.showMobileShare'>
<b:if cond='data:mobileLinkUrl'>
<b:if cond='data:post.url'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
<b:if cond='data:post.includeAd'>
<b:if cond='data:numPosts != 0'>
<b:if cond='data:post.snippet'>
<b:if cond='data:newerPageUrl'>
<b:if cond='data:olderPageUrl'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:post.title'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.hasJumpLink'>
<b:if cond='data:post.emailPostUrl'>
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:if cond='data:top.showLocation and data:post.location'>
<b:if cond='data:post.authorAboutMe'>
<b:if cond='data:post.authorPhoto.url'>
<b:if cond='data:post.editUrl'>
<b:if cond='data:navMessage'>

Tag kondisi alternatif : b:if, b:elseif, b:else

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

Kombinasi Tag kondisional : and, or, not

1. and : Menampilkan widget atau elemen di dua kondisi halaman yang berbeda dalam satu tag.

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

2. or : Menampilkan widget atau elemen di salah satu halaman yang sesuai dengan kondisi yang ada didalam tag.

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

3. not : Mencegah widget atau elemen agar TIDAK tampil di halaman dengan kondisi yang ditentukan dalam tag.

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

⇐ Sebelumnya

Selanjutnya ⇒