Tag b:if

Tag kondisional dan atributnya

Tag <b:if cond=''/> memiliki pengertian "jika" (if) dengan atribut wajibnya yaitu cond='' yang merujuk pada kata condition atau "kondisi". Maka disebut sebagai conditional tags atau "tag kondisional".

Jika tag b:if wajib memiliki atribut cond='', namun atribut cond='' sendiri tetap bisa digunakan pada tag yang berawalan b: lainnya yang membutuhkan kondisi tertentu seperti screenshot dibawah ini.

Tag ini berfungsi untuk menentukan visibilitas suatu elemen maupun widget akan ditampilkan atau tidak pada kondisi tertentu dihalaman blog. Dengan kata lain, untuk menetapkan suatu widget atau elemen di halaman tertentu saja.

Selanjutnya pembahasan tag kondisional ini akan mengarah ke data:view (tipe halaman) blog dan data:widget yang menjadi target value dari atribut cond=''. Lihat selengkapnya dibawah ini.

Tag kondisional dan atributnya

Penulisan tag b:if beserta atributnya.

Penulisan value (nilai) atribut kondisional adalah dengan menempatkan nama tipe halaman atau data:view maupun nama tipe widget atau data: lainnya sebagai value atau nilai yang berarti adalah target dari atribut cond. Dibawah ini contoh penulisan tag kondisional dan atributnya untuk kondisi target tipe halaman.

<!--Hanya untuk 1 halaman target-->
<b:if cond='data:view.isTarget'>
  <div>
      Elemen / widget
  </div>
</b:if>

<!--BUKAN / Selain untuk halaman target-->
<b:if cond='!data:view.isTarget'>
  <!--Elemen / widget ini ditampilkan di semua halaman kecuali halaman target-->
  <div>
      Elemen / widget
  </div>
</b:if>

<!--Untuk 2 halaman target-->
<b:if cond='data:view.isTarget1 and data:view.isTarget2'>
  <div>
      Elemen / widget target1 dan target2
  </div>
</b:if>

<!--Salah satu diantara 2 halaman target-->
<b:if cond='data:view.isTarget1 or data:view.isTarget2'>
  <div>
      Elemen / widget target1 atau target2
  </div>
</b:if>

<!--Khusus untuk satu  halaman target namun ada alternatif untuk halaman selain target-->
<b:if cond='data:view.isTarget'>
  <div>
      Elemen / widget 1
  </div>
</b:else>
<!--Jika target TIDAK sesuai, maka elemen yang ada disini yang ditampilkan-->
  <div>
      Elemen / widget selain target
  </div>
</b:if>

<!--Untuk 2 halaman target masing-masing 1 elemen berbeda-->
<b:if cond='data:view.isTarget1'>
  <div>
    Elemen / widget target1
  </div>
</b:else if cond='data:view.isTarget2'>
  <div>
      Elemen / widget target2
  </div>
</b:if>

<!--Untuk 2 halaman target yang berbeda dan alternatif untuk halaman lainnya-->
<b:if cond='data:view.isTarget1'>
  <div>
      Elemen / widget target1
  </div>
</b:else if cond='data:view.isTarget2'>
  <div>
      Elemen / widget target2
  </div>
</b:else>
  <div>
      Elemen / widget halaman lainnya
  </div>
</b:if>

Daftar value atribut tag kondisional cond=''

Lihat penulisan Tag.

Tabel daftar data:view

data:view.isHomepage

Beranda / halaman depan url https://nama_blog.blogspot.com

data:view.isMultipleItems

Halaman yang bisa menampilkan banyak item postingan. Selain halaman postingan dan halaman statis.

data:view.isSingleItem

Halaman yang hanya memuat 1 item postingan. Halaman postingan dan halaman statis

data:view.isPost

Halaman item postingan. Halaman ini termasuk SingleItem

data:view.isPage

Halaman item statis Halaman ini termasuk SingleItem

data:view.isSearch

Semua halaman hasil pencarian. berdasarkan label postingan maupun query (kata kunci)

data:view.isSearch

Halaman hasil pencarian berdasarkan query (kata kunci). url: /search?=kueri

data:view.isSearch and !data:view.isLabelSearch>

Masih halaman hasil pencarian berdasarkan kata kunci (query). url /search?q=kueri

data:view.search.label

Halaman hasil pencarian berdasarkan label postingan. url: /search/label/nama_label

data:view.isLabelSearch

Masih halaman hasil pencarian berdasarkan label postingan.

data:view.isArchive

Halaman hasil pencarian berdasarkan arsip atau tanggal postingan Halaman arsip

data:view.isPreview

Halaman pratinjau postingan Klik tombol Pratinjau dari editor postingan

data:view.isLayoutMode

Halaman Tata Letak Menu dashboard Blogger

data:view.isError

Halaman error404. Akibat salah url atau postingan sudah dihapus.

data:blog.isMobileRequest

Halaman untuk perangkat mobile.

data:view.url == data:blog.homepageUrl.canonical path "JUDUL_POST"'

Khusus hanya untuk 1 halaman tertentu saja. Umumnya untuk halaman statis maupun halaman postingan.

data:view.url != data:blog.homepageUrl.canonical path "JUDUL_POST"'

Mengecualikan 1 halaman tertentu saja. Umumnya untuk halaman statis maupun halaman postingan.

data:post.labels any (label => label.name in [ "LABEL" ])'

Halaman postingan berdasarkan label yang ditargetkan.

data:post.labels none (label => label.name in [ "LABEL" ])'

Halaman postingan dengan label SELAIN label yang ditargetkan.

data:view.title data:view.search.resultsMessage data:view.search.resultsMessageHtml data:view.url data:view.postId

Mengecualikan kondisi tertentu.

Untuk mengecualikan suatu elemen / widget tampil pada halaman ataupun kondisi tertentu tambahkan string not atau tanda seru !tepat sebelum data: menjadi cond='not data:view.isTarget' atau cond='!data:view.isTarget' (tanda seru tanpa spasi).

  Sebelumnya

  

Selanjutnya