B:If, B:Elseif, B:Else - Blogger Tutorial

Penjelasan

• <b:if> dipakai untuk memilih sebuah Output yang bersyarat (kondisi yang telah ditentukan)
• <b:elseif> dipakai sebagai verbal output alternatif sebuah kondisi, tidak sanggup bersarang tapi sanggup ditulis secara berulang
• <b:else> ialah tag self-closing yang dipakai sebagai kondisi terakhir yang ditetapkan, kalau suatu kondisi <b:if> dan atau <b:elseif> tidak tersedia atau tidak sesuai

syntax

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

1. Lakukan suatu proses kalau kondisi sesuai

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

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

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

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

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

1. Lakukan suatu proses kalau kondisi sesuai
2. Lakukan suatu proses alternatif kalau kondisi [1] tidak sesuai
3. Lakukan suatu proses alternatif kalau 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 kalau 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 kalau dan hanya untuk dihalaman HomePage

<h1>foo</h1>

Hasil render HTML kalau dan hanya untuk dihalaman Post

<h2>foo</h2>

Hasil render HTML kalau 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 kalau dan hanya untuk dihalaman HomePage :

<h1>foo</h1>

Hasil render HTML kalau dan hanya untuk dihalaman Post :

<h2>foo</h2>

Hasil render HTML kalau dan hanya untuk dihalaman Page :

<h3>foo</h3>

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

<div>foo</div> 

Contoh kalau 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 cuilan artikel (snippet article)

Contoh kalau ingin mengatur Tag heading (yang dipakai 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, kalau tidak dihalaman Post dan Page akan menghasilkan :

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

Contoh memilih sebuah kondisi sebuah komentar gres diijinkan apa tidak

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

Keterangan :

• Point 1 : lakukan suatu proses kalau komentar gres di ijinkan
• Point 2 : lakukan suatu proses kalau komentar gres tidak di ijinkan

Selamat berkreasi dan supaya bermanfaat

Berbagi :