Cara Menggunakan Tag Conditional Blogspot

By HP Yitno

Tag conditional blogspot - adalah sebuah kode yang digunakan untuk mengontrol perilaku widget yang ada dalam platform blogger. Dengan memanfaatkan kode ini, kita bisa leluasa menampilkan atau menyembunyikan widget yang ada. Kode-kode ini banyak terdapat pada template bergaya majalah (magazine). Meskipun begitu kita juga bisa memasangnya pada template standar.

Sedangkan widget adalah menu tambahan yang berguna untuk memperindah tampilan situs kita agar terlihat profesional. Widget yang menjadi standar bawaan blogger antara lain archive, follower dan blogger profile. Sedangkan yang lainnya hanya sebagai pelengkap atau aksesories semata.

Bagi sebagian orang widget yang ada justru mengganggu konsentrasi pembaca yang ingin mendapatkan informasi. Contohnya widget musik yang memutar otomatis. Jika kita tidak ingin menghilangkannya, kita bisa menyiasatinya dengan menampilkannya pada artikel yang membahas musik. Sedangkan pada artikel yang lain, widget musik akan hilang secara otomatis. Dengan begitu pengunjung akan merasa nyaman dan betah berlama-lama pada website kita. Itulah salah satu fungsi tag conditional blogger. Lalu bagaimana cara menerapkannya?

Inilah cara menyisipkan tag conditional blogspot ke dalam widget:
1. Login ke dashboard blogger
2. Klik template lalu edit template
3. Pilih lompat widget dan klik widget yang akan diatur perilakunya

4. Klik tanda panah agar kode widget diperlihatkan semuanya

5. Sisipkan tag conditional blogger ke dalam widget
6. Perhatikan contoh script widget dibawah ini

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <b:if cond='data:blog.url != &quot;http://hp-yitno.blogspot.com/2013/10/cara-mendulang-uang-lewat-facebook.html&quot;'>
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
  </b:if>
</b:includable>
</b:widget>

Keterangan:
a. Kode diatas merupakan cara menampilkan widget selain di url tertentu
b. Warna hijau adalah kode tag conditional blogspot
c. Warna biru adalah bisnis yang saya rekomendasikan untuk anda (klik aja)

7. Simpan template dan lihatlah hasilnya

Berikut kode tag conditional blogger yang bisa kalian pakai:
1. Menampilkan widget di Homepage saja
<b:if cond="data:blog.url == data:blog.homepageUrl">
kode widget atau data kita
</b:if>

2. Menampilkan widget selain di Homepage
<b:if cond="data:blog.url != data:blog.homepageUrl">
kode widget atau data kita
</b:if>

3. Menampilkan widget hanya di Archivepage
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
kode widget atau data kita
</b:if>

4. Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
kode widget atau data kita
</b:if>

5. Menampilkan Widget di Itempages saja
<b:if cond='data:blog.pageType == &quot;item&quot;'>
kode widget atau data kita
</b:if>

6. Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != &quot;item&quot;'>
kode widget atau data kita
</b:if>

7. Menampilkan widget hanya di Staticpages atau laman mandiri
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
kode widget atau data kita
</b:if>

8. Menampilkan widget selain di Staticpages
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
kode widget atau data kita
</b:if>

9. Menampilkan widget pada URL atau halaman tertentu
<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
kode widget atau data kita
</b:if>

10. Menampilkan widget selain di URL atau halaman tertentu
<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
kode widget atau data kita
</b:if>

11. Menampilkan widget di halaman mobile/seluler
<b:if cond='data:blog.isMobile'>
kode widget atau data kita
</b:if>

12. Menampilkan widget di halaman perambaan label
<b:if cond='data:blog.searchLabel'>
kode widget atau data kita
</b:if>

13. Menampilkan widget hanya halaman muka, tidak terlihat di halaman posting
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
kode widget atau data kita
</b:if>
</b:if>

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

Selamat berkreasi dengan pengatur perilaku widget ya sahabat. Jika ada kode lainnya yang belum saya tuliskan dalam postingan ini, mohon informasinya untuk melengkapi artikel ini.

SHARE :