Blogger Conditional Tags #4 | Template Blogger

Blogger.com!

Blogger conditional tags digunakan untuk mengatur bagian yang lebih spesifik dari template blogspot. Seperti if dan else, misalkan kamu mau mendesain halaman depan saja (homepage) maka kamu bisa menggunakan conditional tags untuk itu. Kamu juga bisa menyembunyikan sidebar pada halaman tertentu seperti pada halaman “about us” atau “about me” dan lainnya.

Struktur dasar tag dari conditional tags blogger adalah sebagai berikut

<b:if cond='condition_expression'>
    <!-- Isi ketika kondisi terpenuhi -->
</b:if>

Berikut adalah daftar tag yang bisa kamu gunakan

Daftar conditional tags tipe halaman

Archive page

<b:if cond='data:blog.pageType == "archive"'>
<!--archive_Page-->
</b:if>

Error Page (404)

<b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages-->
</b:if>

Index Page

<b:if cond='data:blog.pageType == "index"'>
<!-- all index pages -->
</b:if>

Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<!-- only homepage -->
</b:if>

Item (post) pages

<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
</b:if>

Specific Post by URL

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2020/01/tes.html"'> 
<!-- a item page from january 2020 with post-title 'tes'-->
</b:if>

Label page

<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>

Specific Label Page

<b:if cond='data:blog.searchLabel == "tes"'>
<!-- for label 'tes' -->
</b:if>

Search page

<b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>

Specific Search Query page

<b:if cond='data:blog.searchQuery == "tes"'>
<!-- for query 'tes' -->
</b:if>

Static page

<b:if cond='data:blog.pageType == "static_page"'>
<!-- all static pages -->
</b:if>

Specific Static page by URL

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/tes.html"'> 
<!-- a specific static page with name 'tes' -->
</b:if>

AND/OR/NOT

AND

<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>
    <!--search_page AND index_page-->
  </b:if>
</b:if>

OR

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/tes1.html"'> 
  <!-- static_site tes1 OR static_site bar -->
      <b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/tes2.html"'> 
  <!-- static_site tes2 OR static_site bar -->
   </b:if>
</b:if>

NOT

<b:if cond='data:blog.pageType != "item"'>
  <!-- all pages except item pages -->
</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'> 
  <!-- all pages but NOT homepage -->
</b:if>

Selengkapnya baca disini: https://ultimatebloggerguide.blogspot.com/2016/07/blogger-conditional-tags-for-page-types.html

Cara menggunakan Conditional Tags Blogger

Disini saya akan memberikan sebuah contoh dalam menggunakan Tag blogger tersebut

Jika hanya ada satu pernyataan maka tag yang bisa kamu gunakan adalah sebagai berikut

<b:if cond='data:blog.pageType == "item"'>
   PERNYATAAN AKAN DIEKSEKUSI DISINI!
</b:if>

Jika ada pernyataan percabangan atau biasa yang disebut juga dengan if else. Maka kamu bisa menambahkan pernyataan lainnya dibawah tag <b:else/>. Seperti pada contoh berikut.

<b:if cond='data:blog.pageType == "item"'>
   PERNYATAAN PERTAMA AKAN DIEKSEKUSI DISINI! <!-- Jika nilai true-->
<b:else/>
   PERNYATAAN KEDUA AKAN DIEKSEKUSI DISINI! <!-- Jika nilai false-->
</b:if>

Tag tersebut bisa kamu terapkan pada contoh berikut

  • Tampilan widget pada halaman tertentu
  • Menerapkan styling yang berbeda untuk halaman statis
  • Menambahkan tag meta FB dan tag Twitter Card
  • Muat JS di halaman tertentu
  • Optimalkan judul blog untuk SEO

Penutup

Itulah penjelasan mengenai cara membuat template blogger sendiri bagian ke #4 yang telah dibahas dan dirangkum oleh ITPelajar.com! Jika kamu merasa artikel ini bermanfaat jangan lupa klik share! Salam Tekno

Ketua Kelas
Halo! Saya adalah seorang IT Enhthusiast dan juga seorang desainer grafis. Hobi dalam bidang IT seperti coding dan yang lainnya. Saya juga merupakan seorang contributor di beberapa mikrostok di Internet.

Log In

Forgot password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Log in

Privacy Policy

Add to Collection

No Collections

Here you'll find all collections you've created before.