Tutorial Penggunaan Kode b:if b:else dan b:elseif Pada Blogger | Tutorial Lengkap

Tutorial Penggunaan Kode b:if b:else

Panduan Penggunaan Fungsi Kode Tag Kondisional b:if b:else dan b:elseif Pada Blogger. Setelah kita membahas mengenai Kumpulan Tag Kondisional Untuk Blogger pada postingan sebelunya, kini kita akan membahas tentang cara untuk menentukan sebuah output yang akan ditampilkan pada suatu kondisi tertentu.

Zona Internetku October 12, 2018

Penjelasan Singkat Mengenai Penggunaan Kode b:if b:else b:elseif Pada Blogger

<b:if> Digunakan untuk menentukan suatu syarat kondisi tertentu

<b:elseif> Digunakan untuk menentukan alternatif suatu syarat kondisi tertentu

<b:else> Tag self closing yang digunakan untuk menentukan kondisi terakhir yang telah ditetapkan, jika suatu kondisi <b:if> atau <b:elseif> tidak tersedia atau tidak sesuai

Panduan Untuk Menggunakan Fungsi Kode Tag b:if b:else dan b:elseif Pada Blogger

<b:if cond='...'>

<!-- [1] -->

</b:if>

Lakukan suatu proses jika kondisi sesuai

<b:if cond='...'>

<!-- [1] -->

<b:else/>

<!-- [2] -->

</b:if>

Lakukan suatu proses jika kondisi sesuai

Lakukan suatu proses jika kondisi [1] tidak sesuai

<b:if cond='...'>

<!-- [1] -->

<b:elseif cond='...'/>

<!-- [2] -->

</b:if>

Lakukan suatu proses jika kondisi sesuai

Lakukan suatu proses alternatif jika kondisi [1] tidak sesuai

<b:if cond='...'>

<!-- [1] -->

<b:elseif cond='...'/>

<!-- [2] -->

<b:else/>

<!-- [3] -->

</b:if>

Lakukan suatu proses jika kondisi sesuai

Lakukan suatu proses alternatif jika kondisi [1] tidak sesuai

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

Attribut

Contoh Penggunaan Atribut Tag Kondisional Blogger

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<span>Type Your Text Here...</span>

</b:if>

Hasil output yang akan ditampilkan di halaman homepage blog

Type Your Text Here...

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<span>Type Your Text Here...</span>

</b:if>

<b:elseif cond='data:view.isPost'>

<span>Type Your Text Here For Display In Post Blog</span>

</b:if>

<b:elseif cond='data:view.isMultipleItems'>

<span>Type Your Text Here For Display In Index Blog</span>

</b:if>

Hasil output yang akan ditampilkan di halaman homepage blog

Type Your Text Here...

Hasil output yang akan ditampilkan di halaman postingan blog

Type Your Text Here For Display In Post Blog

Hasil output yang akan ditampilkan di halaman index blog

Type Your Text Here For Display In Index Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<span>Type Your Text Here...</span>

</b:if>

<b:elseif cond='data:view.isPost'>

<span>Type Your Text Here For Display In Post Blog</span>

</b:if>

<b:elseif cond='data:view.isMultipleItems'>

<span>Type Your Text Here For Display In Index Blog</span>

<b:else/>

<span>Type Your Text Here Except For Display In Homepage, Post and Index Blog</span>

</b:if>

Hasil output yang akan ditampilkan di halaman homepage blog

Type Your Text Here...

Hasil output yang akan ditampilkan di halaman postingan blog

Type Your Text Here For Display In Post Blog

Hasil output yang akan ditampilkan di halaman index blog

Type Your Text Here For Display In Index Blog

Hasil output yang akan ditampilkan jika tidak di halaman homepage, postingan dan index blog

Type Your Text Here Except For Display In Homepage, Post and Index Blog

Contoh penggabungan penggunaan Meta Tag dan Tag Kondisional Blogger

Untuk membuat meta tag judul pada blog kalian bisa menggunakan kode dibawah ini, kalian juga bisa bereksperimen dari kode dasar tag kondisional seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.homepageUrl == data:blog.url'>

<title><data:blog.pageTitle/></title>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.pageType == &quot;static_page&quot;'>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if>

</b:if>

Demikian tadi Pembahasan Mengenai Cara Penggunaan Kode b:if b:else dan b:elseif Pada Blogger yang dapat saya share kepada kalian, semoga bermanfaat dan selamat untuk bereksperimen.

Referensi :

3 Oktober 2018 https://triksonic.blogspot.com/2018/05/tag-b-if-b-elseif-b-else-blogger-tutorial.html