Macam-Macam Kode Tag Conditional Blogspot

By Video Arsip

Tag Conditional Blogspot adalah sebuah kode unik yang berfungsi mengatur perilaku widget di Platform Blogger. Web Designer terkemuka rata-rata memanfaatkan kode khusus tersebut untuk memanipulasi template mereka selain menggunakan kode javascript, css3 dan jquery tentunya. Tujuannya tak lain adalah untuk mendapatkan tampilan yang sempurna (sesuai keinginan)

Selain mengontrol widget standar bawaan blogspot, tag conditional blogger juga bisa dipakai untuk mengendalikan kode CSS3 terutama dalam pemakaian media screen. Berbeda dengan kode javascript yang memiliki aturan baku dalam peletakannya, tag conditional bisa diletakkan dimana saja.

Berikut kode tag conditional blogger yang digunakan perancang template:

1. Menampilkan widget hanya di halaman arsip
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
   kode css atau kode widget
</b:if>

2. Menampilkan Widget selain di halaman arsip
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
   kode css atau kode widget
</b:if>

3. Menampilkan widget di Homepage saja
<b:if cond="data:blog.url == data:blog.homepageUrl">
   kode css atau kode widget
</b:if>

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

5. Menampilkan widget hanya di halaman statis / static page
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   kode css atau kode widget
</b:if>

6. Menampilkan widget selain di halaman statis / static page
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   kode css atau kode widget
</b:if>

7. Menampilkan Widget di single post
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   kode css atau kode widget
</b:if>

8. Menampilkan widget selain di single post
<b:if cond='data:blog.pageType != &quot;item&quot;'>
   kode css atau kode widget
</b:if>

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

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

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

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

13. ERROR
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<a expr:href='url postingan error'/></b:if>

14. Menampilkan widget hanya homepage saja dan tidak terlihat di single post
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   kode css atau kode widget
</b:if>
</b:if>

Buat sahabat blogger yang ingin memanfaatkan kode diatas untuk mengatur perilaku widget, anda wajib meletakkan kode tersebut diantara <b:includable id='main'> dan </b:includable>. Sehingga tatkala digabung kodenya akan menjadi seperti dibawah ini:

<b:widget id='HTML99' locked='false' title='' type='HTML'>
<b:includable id='main'>
   <b:if cond="data:blog.url == data:blog.homepageUrl">
      kode css atau kode widget
   </b:if>
</b:includable>
</b:widget>

Demikianlah penjelasan singkat tentang Tag Conditional Blogger yang sangat berguna untuk merancang template responsive. Semoga artikel sederhana ini mampu menginspirasi anda untuk merancang template yang luar biasa. Selamat berkreasi ya kawan :-)

Share :

Facebook Twitter Google+