Fungsi Tag Kondisional Pada Widget

Tag Kondisional adalah elemen yang dapat kita gunakan untuk menyembunyikan elemen pada blog kita pada home / beranda, postingan ataupun halaman statis.

Contoh Penerapan :

<b:if cond='data:blog.pageType != "static_page"'>
..... Isi konten yang akan di bungkus tag kondisional (Konten akan disembunyikan di halaman statis) .....
</b:if>

Bukan hanya menyembunyikan suatu elemen, tapi sobat juga bisa menampilkan elemen tertentu hanya di salah satu halaman yang sobat inginkan.

Contoh Penerapan :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..... Isi konten yang akan di bungkus tag kondisional (Konten hanya akan tampil di halaman beranda) .....
</b:if>

Untuk lebih lengkapnya sobat bisa melihat beberapa fungsi tag kondisional untuk widget dibawah ini

1. Menampilkan widget hanya di halaman beranda :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

2. Menampilkan widget hanya di halaman postingan :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

3. Menampilkan widget hanya di halaman tertentu :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL Sobat"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

CATATAN!:
Ganti URL Sobat dengan alamat yang Sobat inginkan

4. Menyembunyikan Widget hanya di halaman tertentu :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != " URL Sobat "'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

CATATAN!:
Ganti URL Sobat dengan alamat yang Sobat inginkan

5. Menampilkan widget di halaman statis :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

6. Menyembunyikan widget di halaman statis :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

7. Menampilkan widget hanya di halaman arsip :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Nah seletah Sobat menambahkan tag kondisional di atas, sobat bisa menyimpan template dan melihat hasilnya.

Tidak hanya widget, dengan tag kondisional sobat juga bisa membungkus elemen lain seperti Script, CSS, atau HTML di dalam template dengan alasan mempercepat blog sobat dengan mengurangi script yang termuat di suatu halaman atau alasan privasi lainnya.