Beberapa Fungsi Tag Kondisional Pada Widget



Syukur alhamdulillah kali saya bisa update artikel kembali, pada artikel kali ini saya akan membahas tentang kondisional tag pada widget di kutip di blog arlina design makanya ivhaa terapkan di blog.

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>/code>
Fungsi tag kondisional ini tidak hanya menampilkan widget tertentu pada blog tetapi juga tapi bisa satu elemen tertentu pada halaman.

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 bisa kalian lihat beberapa tag kondisional dari fungsi widget tersebut :

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.url == "URL Anda"'>
<!-- 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 tampilan tertentu

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

4. Menyembunyikan widget di halaman tertentu 

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

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. Menampilkan widget 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 itu tadi jika kalian sudah menerapkan di blog kalian tidak cuma widget tapi tag kondisional ini juga bisa membungkus Script, css dan HTML jadi membuat blog menjadi lebih ringan. 

Semoga bermanfaat. 

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser