b:switch - b:case - b:default - Blogger Tutorial

Penjelasan

• <b:switch> adalah tag yang digunakan untuk menentukan hasil yang memungkinkan memiliki beberapa nilai variabel.
• <b:case> adalah tag yang digunakan untuk memisahkan atau mengurai hasil keluaran pada setiap hal nilai dari parent tag <b:switch>
• <b:default> adalah tag yang digunakan untuk menentukan nilai default dari tag <b:switch> jika hasil dari <b:case> tidak cocok.

Syntax

<b:switch var='...'>
  <b:case value='...'/>
    <!--[data]-->
  <b:case value='...'/>
    <!--[data]-->
  <b:default/>
    <!--[default]-->
</b:switch>

Atribut

b:switch	var	wajib ditulis
b:case	value	wajib ditulis
b:default	tidak ada atribut	-

Contoh Penggunaan

Contoh 1

Contoh penggunaan yang menyesuaikan dengan pengaturan bahasa blog.

<h1>
<b:switch var='data:blog.locale.language'>
  <b:case value='ja'/>
    <!-- Japanese -->
    バナナフルーツ
  <b:case value='de'/>
    <!-- German -->
    Bananenfrucht
  <b:case value='en'/>
    <!-- English -->
    Banana Fruit
  <b:default />
    <!-- default : Indonesia -->
    Buah Pisang
</b:switch>
</h1>

Hasil render HTML jika pengaturan bahasa yang dipilih Japanese

<h1>
  バナナフルーツ
</h1>

Hasil render HTML jika pengaturan bahasa yang dipilih German

<h1>
  Bananenfrucht
</h1>

Hasil render HTML jika pengaturan bahasa yang dipilih English

<h1>
  Banana Fruit
</h1>

Hasil render HTML secara default

<h1>
  Buah Pisang
</h1>

Contoh 2

Contoh penggunaan jika digunakan pada HTML tag <title>

<title>
<b:switch var='data:blog.pageType'>
  <b:case value='index'/>
    <data:view.title.escaped/>
  <b:case value='item'/>
    <data:view.title.escaped/>
  <b:case value='static_page'/>
    <data:view.title.escaped/>
  <b:case value='archive'/>
    <data:view.title.escaped/> - <data:messages.blogArchive/> : <data:blog.pageName/>
  <b:case value='error_page'/>
    Page 404 - <data:view.title.escaped/>
</b:switch>
</title>

Contoh 3

Contoh penggunaan jika digunakan pada kondisi post.ID

<b:switch var='data:view.postId'>
  <b:case value='123456789'/>
    <!--[data]-->
  <b:case value='111222333'/>
    <!--[data]-->
  <b:case value='...'/>
    <!--[data]-->
  <b:case value='...'/>
    <!--[data]-->
</b:switch> 

Selamat berkreasi dan semoga bermanfaat