b:if, b:elseif, b:else - Blogger Tutorial

Penjelasan

• <b:if> digunakan untuk menentukan sebuah Output yang bersyarat (kondisi yang telah ditentukan)
• <b:elseif> digunakan sebagai ekspresi output alternatif sebuah kondisi, tidak dapat bersarang tapi dapat ditulis secara berulang
• <b:else> adalah tag self-closing yang digunakan sebagai kondisi terakhir yang ditetapkan, jika suatu kondisi <b:if> dan atau <b:elseif> tidak tersedia atau tidak sesuai

syntax

<b:if cond='...'>
  <!-- [1] -->
</b:if>

1. Lakukan suatu proses jika kondisi sesuai

<b:if cond='...'>
  <!-- [1] -->
  <b:else/>
  <!-- [2] -->
</b:if>

1. Lakukan suatu proses jika kondisi sesuai
2. Lakukan suatu proses jika kondisi [1] tidak sesuai

<b:if cond='...'>
  <!-- [1] -->
  <b:elseif cond='...'/>
  <!-- [2] -->
</b:if>

1. Lakukan suatu proses jika kondisi sesuai
2. Lakukan suatu proses alternatif jika kondisi [1] tidak sesuai

<b:if cond='...'>
  <!-- [1] -->
    <b:elseif cond='...'/>
  <!-- [2] -->
    <b:else/>
  <!-- [3] -->
</b:if>

1. Lakukan suatu proses jika kondisi sesuai
2. Lakukan suatu proses alternatif jika kondisi [1] tidak sesuai
3. Lakukan suatu proses alternatif jika kondisi [1] dan kondisi [2] tidak sesuai

Attribut

• cond

Attribut cond

• Nilai : suatu kondisi
• Keterangan : untuk <b:if> dan <b:elseif> wajib disebutkan, dan tidak berlaku untuk <b:else>

Beberapa Contoh Penggunaan <b:if>, <b:elseif>, dan <b:else>

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

Hasil render HTML jika dan hanya untuk dihalaman HomePage

<h1>foo</h1>

Contoh dengan b:if dan b:elseif

<b:if cond='data:view.isHomepage'>
    <h1>foo</h1>
  <b:elseif cond='data:view.isPost'/>
    <h2>foo</h2>
  <b:elseif cond='data:view.isPage'/>
    <h3>foo</h3>  
</b:if>

Hasil render HTML jika dan hanya untuk dihalaman HomePage

<h1>foo</h1>

Hasil render HTML jika dan hanya untuk dihalaman Post

<h2>foo</h2>

Hasil render HTML jika dan hanya untuk dihalaman Page

<h3>foo</h3> 

Contoh dengan b:if, b:elseif dan b:else

<b:if cond='data:view.isHomepage'>
    <h1>foo</h1>
  <b:elseif cond='data:view.isPost'/>
    <h2>foo</h2>
  <b:elseif cond='data:view.isPage'/>
    <h3>foo</h3>
  <b:else/>
    <div>foo</div>
</b:if>

Hasil render HTML jika dan hanya untuk dihalaman HomePage :

<h1>foo</h1>

Hasil render HTML jika dan hanya untuk dihalaman Post :

<h2>foo</h2>

Hasil render HTML jika dan hanya untuk dihalaman Page :

<h3>foo</h3>

Hasil render HTML jika tidak dihalaman HomePage, Post, dan Page :

<div>foo</div> 

Contoh jika ingin mengatur snippet sebuah artikel

<b:if cond='data:view.isPost or data:view.isPage'>
    <data:post.body/>
  <b:else/>
    <div class='snippet-post'>
      <b:eval expr='data:post.snippets.long'/>
    </div>
</b:if>

Hasil render HTML :

• Jika berada dihalaman Post dan Page akan menampilkan postingan secara keseluruhan
• Jika tidak dihalaman Post dan Page
akan menampilkan potongan artikel (snippet article)

Contoh jika ingin mengatur Tag heading (yang digunakan sebagai judul)

<b:if cond='data:post.title != &quot;&quot;'>
  <b:if cond='data:view.isPost or data:view.isPage'>
      <h1><data:post.title/></h1>
    <b:else/>
      <h2><data:post.title/></h2>
  </b:if>
</b:if>

Hasil render HTML :

• Jika berada dihalaman Post dan Page akan menghasilkan :

  <h1><!--[Post title]--></h1>

• sebaliknya, jika tidak dihalaman Post dan Page akan menghasilkan :

  <h2><!--[Post title]--></h2>

Contoh menentukan sebuah kondisi sebuah komentar baru diijinkan apa tidak

<b:if cond='data:post.allowNewComments'>
    <!-- 1 -->
  <b:else/>
    <!-- 2 --> 
</b:if>

Keterangan :

• Point 1 : lakukan suatu proses jika komentar baru di ijinkan
• Point 2 : lakukan suatu proses jika komentar baru tidak di ijinkan

Selamat berkreasi dan semoga bermanfaat