11 Tag Kondisional Template Blogger LinkMagz

Kali ini, izinkan saya berbagi tag-tag kondisional blogger yang meliputi namun tidak terbatas seperti pengertian, cara menggunakan, dan cara memasangkannya di LinkMagz Blogger Template.

Seberapa penting bagi saya? Karena saya paham bagaimana fungsinya, perannya, dan/atau kegunaannya, tentu sangat penting. Ada bagian yang kita tampilkan dan tidak dalam situasi tertentu di dalam blog tersebut.

Apa fungsinya? Untuk mempercepat loading blog meskipun blog itu dipasangi banyak widget/gadget sekaligus, baik itu gambar maupun kode seperti Recent Posts dan Recent Comments.

11 Tag Kondisional untuk LinkMagz Blogger Template

Setidaknya ada 11 tag kondisional versi terbaru yang dapat digunakan di tahun 2020 hingga sekarang, -- sesuai anjuran Google.

1. Blogger > Tema > Edit HTML

2. Lompat ke widget > pilih salah satu Gadget or Widget

Yang awalnya:

<b:includable id='main'>
  <div class='normalwidget-title'>
  <b:include name='widget-title'/>
  </div>
  <div class='widget-content'>
  <data:content/>
</div>
</b:includable>

Dengan ditambahkan kode yang dimaksud, nanti akan seperti ini:

<b:includable id='main'>
  <b:if cond='data:blog.url != data:blog.homepageUrl'>
  <div class='normalwidget-title'>
  <b:include name='widget-title'/>
  </div>
  <div class='widget-content'>
  <data:content/>
</div>
</b:if>
</b:includable>

Cara menerapkannya sesuai gambar di atas. Jangan salah pilih widget yang ditargetkan.

Widget Cuma Tampil di Homepage

Widget atau Gadget hanya tampil di halaman utama (Homepage). Jika pembaca masuk ke dalam artikel, Widget ini akan hilang atau disembunyikan.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
/* Posisi Kode di Sini */
</b:if>

Widget Tampil di Semua Page kecuali Homepage

Widget atau Gadget ini dapat ditampilkan di semua halaman blog, termasuk di hasil pencarian (Searching), artikel statis (Static Page), dan Label.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
/* Posisi Kode di Sini */
</b:if>

Script di atas melarang Widget yang dimaksud untuk tampil di Homepage.

Widget Cuma Tampil di Single Post (BlogPosting)

Widget atau Gadget hanya muncul di dalam artikel/postingan blog. Jika pembaca berada di Homepage, Widget ini akan hilang atau disembunyikan.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
/* Posisi Kode di Sini */
</b:if>

Widget Tampil di Semua Page, kecuali di Single Post (BlogPosting)

Widget ini akan ditampilkan di semua halaman blog, kecuali pengunjung berada di dalam artikel (kondisinya disembunyikan).

<b:if cond='data:blog.pageType != &quot;item&quot;'>
/* Posisi Kode di Sini */
</b:if>

Widget Cuma Tampil di Halaman Statis (Static Page)

Static Page terdiri dari halaman artikel About, Contact, Sitemap, dan Disclaimer.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
/* Posisi Kode di Sini */
</b:if>

Jika menggunakan kode di atas, Widget atau Gadget tsb cuma akan tampil di Static Page, tidak muncul di tempat lain.

Widget Muncul di Semua Halaman kecuali Static Page

Selanjutnya, kebalikan dari No. 5 di atas adalah kode ini -- Widget ditampilkan di semua halaman blog kecuali di Static Page.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
/* Posisi Kode di Sini */
</b:if>

Widget Cuma Tampil di Archive Page

Widget yang akan ditampilkan hanya di halaman arsip (Archive Page). Selain itu, disembunyikan. Kodenya:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
/* Posisi Kode di Sini */
</b:if>

Widget Ditampilkan di Semua Halaman kecuali di Archive Page

No. 8 ini kebalikan dari tutorial No. 7 di atas.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
/* Posisi Kode di Sini */
</b:if>

Widget Cuma Tampil di Perangkat HP/Smartphone

Fungsi dari tag kondisional ini adalah menampilkan Widget hanya untuk tampilan Smartphone. Widget akan disembunyikan apabila dilihat dari PC (Desktop).

<b:if cond='data:blog.isMobile'>
/* Posisi Kode di Sini */
</b:if>

Widget Tidak Ditampilkan di Perangkat HP/Smartphone

Sebaliknya dari tutorial No. 9, Widget tidak akan ditampilkan (artinya: disembunyikan) apabila blog dikunjungi melalui Smartphone.

<b:if cond="!data:blog.isMobile">
/* Posisi Kode di Sini */
</b:if>

Widget Tidak Ditampilkan di Label (Kategori)

Widget atau Gadget ditampilkan di semua halaman blog, terkecuali di laman Label. Selama pembaca berada di laman kategori, Widget ini akan dihilangkan sementara waktu.

<b:if cond='data:blog.searchLabel'>
/* Posisi Kode di Sini */
</b:if>

Jadi, itulah tag-tag kondisional blogger yang meliputi namun tidak terbatas seperti pengertian, cara menggunakan, dan cara memasangkannya di template blog LinkMagz.

Thanks for reading 11 Tag Kondisional Template Blogger LinkMagz! 😃