Tag Conditional di Blog

Tag Conditional merupakan tag untuk mengatur widget atau elemen CSS baik ingin disembunyikan, ditampilkan, maupun dirubah. Misalnya di tampilan Homepage hanya ingin menampilkan widget tertentu saja atau menghilangkannya. Di posting tertentu ingin menghilangkan sidebar dan header serta memperlebar post. Nah tag conditional inilah yang mengatur itu semua.

Sebagai contoh hasilnya seeprti halaman berikut ini Link mengilangkan sidebar. atau juga pada halaman yang ini hanya mensisakan elemen post, menu, dan footer.

Berikut kumpulan Tag Conditional:

• Menampilkan widget hanya di Homepage

<b:if cond="data:blog.url == data:blog.homepageUrl">
.......isi.....    
</b:if>  

• Menampilkan widget selain di Homepage

<b:if cond="data:blog.url != data:blog.homepageUrl">
.......isi......
</b:if>

• Menampilkan widget hanya di Archivepage

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......isi......
 </b:if>

• Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
.......isi......
</b:if>

•  Menampilkan Widget hanya di Itempages / Postingan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
.......isi css......      
</b:if>

• Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != &quot;item&quot;'>
.......isi......    
</b:if>

• Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.......isi......
</b:if>

• Menampilkan widget selain di Staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.......isi css......    
</b:if>

• Menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.......isi css......      
</b:if>

• Menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
.......isi css......  
</b:if>

• 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>

• Halaman Error

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

• Menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
... Isi ...
</b:if>

• Menampilkan widget di halaman perambaan label

<b:if cond='data:blog.searchLabel'>
-----ISI-----------
</b:if>

• Menampilkan widget di halaman pencarian

<b:if cond='data:blog.searchQuery'>
... Isi ...
</b:if>

Cara Memasangnya

Untuk cara memasangnya seperti script berikut diletakkan di atas </head>

<style type='text/css'>
      <b:if cond='data:blog.url == &quot;http://www.cahlaban.com/p/tv-online.html&quot;'>
      .sidebar-wrapper, .sidebar1, .sidebar1-wrapper {display:none;}
.top-container {display:none;}
.header-wrapper {display:none;}
.header-wrapper2 {display:none;}
.foooter-wrapper {display:none;}
       #main-area, #header-area {width: 76%;}
.main-wrapper, #header-place, #foooter {width: 100%;}
      .post {width: 98%;}
    </b:if>
    </style>

Artinya: pada halaman tv-online.html menyembunyikan elemen Sidebar, top-container, header-wrapper, foooter-wrapper. Dan menampilkan #main-area #header-area dengan lebar 76%, .main-wrapper, #header-place, #foooter dengan lebar 100%, serta post dengan lebar 98%.

Contoh lagi.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <style>
        #HTML2 {display:none;}
      </style>
    </b:if>

Artinya: Selain di postingan, widget dengan kode #HTML2 disembunyikan.

Catatan:
Untuk elemen dengan tanda .(titik) atau #(pagar) sesuaikan dengan CSS template blog Anda.
Selamat mencoba...sekian terimakasih :14::14::c: