Arti Kode HTML b:if cond atau Tag Conditional

Arti Kode HTML b:if cond atau Tag Conditional

Cari tau arti dari kode html berikut ini yukk :

 <b:if cond='data:blog.pageType == &quot;index&quot;'>

Biasanya kode tersebut sering kita temukan pada halaman editor HTML template blogger.

Ternyata itu merupakan salah satu Tag Conditional di Blogspot yakni

suatu perintah untuk mengatur - mengkondisikan suatu elemen halaman tertentu baik itu css atau widget agar bisa tampil atau tidak , atau bisa dikatakan mengatur menampilkan atau tidak suatu widget pada halaman tertentu.

Belajar Optimalkan

Agar gampang dimengerti, baca kasus ini deh... :

Saya saat ini tidak ingin menampilkan salah satu widget di halaman utama, tapi cukup ditampilkan di dalam halaman artikel atau halaman postingan saja.

Nah, disinilah fungsi kode tag conditial bisa kita gunakan, untuk mengatur tampil atau tidak nya widget yang saya maksud.

Berikut ini saya tuliskan fungsi dan contoh penulisan kode html nya ya

1. Kode untuk menampilkan widget hanya di Beranda/Home

<b:if cond="data:blog.url == data:blog.homepageUrl">
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

2. Kode untuk menampilkan widget selain di Beranda

<b:if cond="data:blog.url != data:blog.homepageUrl">
......isi kan kode yang diingikan untuk pengaturan.......
</b:if>

3. Kode untuk menampilkan widget hanya di Halaman Archive

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

4. Kode untuk menampilkan Widget selain di Halaman Archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
.......isi kan kode yang diingikan untuk pengaturan.....
</b:if>

5. Kode untuk Menampilkan Widget hanya di Postingan ( Itempages )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
.......isi kan kode yang diingikan untuk pengaturan ......
</b:if>

6. Kode untuk menampilkan widget selain di postingan

<b:if cond='data:blog.pageType != &quot;item&quot;'>
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

7. Kode untuk menampilkan widget hanya di Halaman Statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

8. Kode untuk menampilkan widget selain di Halaman Statis

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

9. Kode untuk menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
......isi kan kode yang diingikan untuk pengaturan.......
</b:if>

10. Kode untuk menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
.......isi kan kode yang diingikan untuk pengaturan......
</b:if>

11. Kode untuk menampilkan widget hanya halaman muka, tidak terlihat dihalaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.......ISI CSS......
.......ISI JAVASCRIPT......
</b:if>
</b:if>

12. Kode untuk Halaman ERROR

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<a expr:href='HALAMAN/LINK_POSTINGAN_ERROR'/></b:if>

13. Kode untuk menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
... isi kan kode yang diingikan untuk pengaturan ...
</b:if>

14. Kode untuk menampilkan widget di halaman perambaan label

<b:if cond='data:blog.searchLabel'>
-----isi kan kode yang diingikan untuk pengaturan-----------
</b:if>

15. Kode untuk menampilkan widget di halaman perambaan label Tertentu/Spesifik

<b:if cond='data:blog.searchLabel == &quot;NAMA LABEL&quot;'>
-----isi kan kode yang diingikan untuk pengaturan-----------
</b:if>

16. Kode untuk menampilkan widget di halaman perambaan Keyword

<b:if cond='data:blog.searchQuery == &quot;KEYWORD&quot;'>
-----isi kan kode yang diingikan untuk pengaturan-----------
</b:if>

17. Kode untuk menampilkan widget di halaman Posting Pertama

<b:if cond='data:post.isFirstPost'>
-----isi kan kode yang diingikan untuk pengaturan-----------
</b:if>

Untuk lebih jelasnya mari kita lihat applikasi nya dari Contoh berikut ini , coba lakukan di html anda dan lihat hasil atau perbedaannya, jangan lupa sebelumnya di save yaa :

<b:widget id='HTML2' locked='false' title='' type='HTML'>
      <b:includable id='main'>
<b:if cond="data:blog.url != data:blog.homepageUrl">
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>

Itulah sedikit ulasan Belajar Optimalkan mengenai Tag Conditonal di Blogspot.
Semoga bermanfaat yaaa.