Conditional tag di blogger atau blogspot

Conditional tag di blogger atau blogspot

Saya akan sedikit menjelaskan apa itu conditional tag. Conditional tag adalah membatasi suatu perintah program pada kondisi tertentu menggunakan sintak tertentu atau dalam bahasa awamnya adalah suatu proses dimana proses tersebut dalam kondisi tertentu harus dilakukan atau tidak dilakukan. Saya kira anda sudah tahu lah pengertian dari conditional tag, dijabarkan sendiri saja.

Lanjut, seperti halnya bahasa pemrograman lain seperti php, javascript, dan lain sebagainya, blogger atau blogspot pun memiliki conditional tag. Dari yang saya pelajari conditional tag di blogger cenderung lebih sedikit, mudah dan simple dibandingkan dengan conditional tag lainnya.

Berikut saya coba daftar kan beberapa conditional tag di blogger atau blogspot anda yang mungkin berguna bagi anda dalam pembuatan dan edit template.

Condition #AND
Dalam bahasa awam jika kondisi A dan kondisi B terpenuhi maka lakukan perintah ini. Di logika saja ya.

<b:if cond='data:blog.pageType == "index"'>
   <b:if cond='data:blog.searchQuery'>
     <!-- Perintah ini dijalankan di halaman search_page AND index_page -->
   </b:if>
</b:if>

Condition #OR
Dalam bahasa awam jika salah satu kondisi A atau kondisi B terpenuhi maka lakukan perintah ini. Di logika saja ya.

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/foo.html"'> 
  <!-- Perintah ini dijalankan di halaman static_site foo OR static_site bar -->
      <b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/bar.html"'> 
  <!-- Perintah ini dijalankan di halaman static_site foo OR static_site bar -->
   </b:if>
</b:if>


Condition #NOT
Dalam bahasa awam jika tidak pada kondisi A maka lakukan perintah ini. Di logika saja ya.

<b:if cond='data:blog.pageType != "index"'>
  <!-- Perintah ini dijalankan pada semua halaman NOT(kecuali) halaman index pages -->
</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <!-- Perintah ini dijalankan pada semua halaman NOT(kecuali) homepage -->
</b:if>

Ok saya kira sampai disini anda sudah tau mengenai logika dari conditional tag blogger atau blogspot menggunakan if then else dari API blogger.

Lanjut. Berikut adalah daftar kondisi tertentu untuk conditional tag di blogger atau blogspot

Pada archive page.

<b:if cond='data:blog.pageType == "archive"'>
  <!-- Perintah ini dijalankan pada semua halaman archive-->
</b:if>

Pada Error page atau 404.

<b:if cond='data:blog.pageType == "error_page"'>
  <!-- Perintah ini dijalankan pada semua halaman error -->
</b:if>

Pada index_page.

<b:if cond='data:blog.pageType == "index"'>
  <!-- Perintah ini dijalankan pada semua halaman index -->
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
  <!-- Perintah ini dijalankan hanya di halaman homepage -->
</b:if>

Pada item

<b:if cond='data:blog.pageType == "item"'>
  <!-- Perintah ini dijalankan pada semua halaman item -->
</b:if>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2014/08/foo.html"'> 
  <!-- Perintah ini dijalankan hanya pada halaman item dengan url namablog.com/2014/08/foo.html-->
</b:if>

Pada halaman label

<b:if cond='data:blog.searchLabel'>
  <!-- Perintah ini dijalankan pada semua halaman label -->
</b:if>

<b:if cond='data:blog.searchLabel == "foo"'>
  <!-- Perintah ini dijalankan hanya pada halaman label dengan nama label 'foo' -->
</b:if>

Pada halaman pencarian atau search

<b:if cond='data:blog.searchQuery'>
    <!-- Perintah ini dijalankan pada semua halaman pencarian atau search -->
</b:if>

<b:if cond='data:blog.searchQuery == "foo"'>
  <!-- Perintah ini dijalankan hanya pada halaman pencarian dengan kata kunci 'foo' -->
</b:if>

Pada halaman statik

<b:if cond='data:blog.pageType == "static_page"'>
  <!-- Perintah ini dijalankan pada semua halaman static atau statik -->
</b:if>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/foo.html"'> 
  <!-- Perintah ini dijalankan hanya pada halaman statik dengan nama halaman 'foo' -->
</b:if>

Pada custom mobile template

<b:if cond='data:blog.isMobile == "true"'>
  <!-- Perintah ini dijalankan pada semua custom template mobile -->
</b:if>

Kondisi lainnya bisa anda coba cari template masing masing, semisal anda menemukan kondisi berikut:

<b:if cond='data:post.thumbnailUrl'>
  <!-- Perintah ini dijalankan jika ada perintah data:post.thumbnailUrl -->
</b:if>

Artinya jika perintah data:post.thumbnailUrl tidak terlaksana atau null maka perintah didalam tag tersebut tidak akan dijalankan.

Contoh kasus:

Saya tidak ingin menampilkan <div class="gmr">Halo saya adalah element HTML</div> pada halaman item yang lain tolong ditampilkan, dari sini kita bisa baca sesuai logika kita. Maka yang harus anda lakukan adalah memasukkan tag sebagai berikut:

<b:if cond='data:blog.pageType != "item"'>
  <div class="gmr">Halo saya adalah element HTML</div>
</b:if>

Pemrograman tidak harus anda hafal semua tag yang ada, tapi bagaimana anda membuat suatu logika program sehingga bisa kita jalankan sesuai dengan keinginan kita atau dalam bahasa kerennya algoritma pemrograman.

Mudah bukan. Silahkan anda bermain dengan conditional tag yang ada, masih banyak conditional tag yang tidak saya tulis diatas.

0 comments