Beberapa Fungsi Tag Kondisional dan Cara Penggunaannya

Beberapa Fungsi Tag Kondisional dan Cara Penggunaannya

Snippet

18.41

iNDZGN- Ada banyak trik untuk menyembunyikan elemen blog baik pada halaman beranda/ home, konten artikel, halaman statis, maupun halaman tertentu. Lantas bagaimana trik untuk menyembunyikannya? Trik untuk menyembunyikannya yaitu dengan Tag Kondisional disetiap elemen yang ingin kamu sembunyikan.

Nah, pada artikel ini saya akan menjelaskan beberapa fungsi dan cara penerapan Tag Kondisional tersebut yang nantinya bisa kamu terapkan pada blog kamu masing masing.

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>

Tag Kondisional bukan hanya dapat menyembunyikan elemen tertentu, tetapi juga dapat menampilkan elemen pada halaman yang kamu tentukan.

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>

Selengkapnya bisa kamu lihat beberapa fungsi tag kondisional untuk widge di bawah 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 post:

<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 kamu"'>
<!-- 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>

Ganti "URL kamu" pada kode yang ditandai di atas dengan URL yang kamu inginkan

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.url != " URL kamu "'>
<!-- 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. 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 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>

Setelah kamu menambahkan salah satu atau beberapa tag kondisional yang ditandai diatas, simpan template dan lihatlah hasilnya.

Bukan hanya widget saja yang dapat dibungkus oleh elemen Tag Kondisional, tetapi elemen lain juga bisa seperti Script, CSS, atau HTML. Kamu bisa menambahkannya di dalam template untuk mempercepat blog dengan mengurangi script yang dimuat oleh suatu halaman atau alasan privasi lainnya. 

Demikian informasi yang saya bagikan untuk kamu mengenai Beberapa Fungsi Tag Kondisional dan Cara Penggunaannya, Semoga bermanfaat.

18.41