Iklan

Beberapa Fungsi Tag Kondisional Pada Widget di Blogger


Agar bisa sembunyikan elment pada blog salah satunya widget misalnya pada halaman home page, jadi kamu harus menggunakan tag conditional untuk sembunyikan nya

Nah pada kesempatan kali ini saya akan share fungsi pada tag konditional pada blogger, berikut ini adalah penjelasan nya. 

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 bisa juga untuk menampilkan elemen tertentu hanya di satu halaman yang anda 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>

untuk lebih lengkapnya silahkan lihat beberapa fungsi tag kondisional untuk widget 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 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 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>

Catatan : Ganti URL anda dengan alamat yang anda 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 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>

5. Menampikan 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>

5. 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. Menampikan 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>

8. Menampikan widget hanya di halaman index


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

9. Menyembunyikan widget di halaman index


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

Penerapan pada konten tertentu


Ini merupakan tag kondisional yang ingin Anda tambahkan pada kondisi tertentu, seperti HTML, CSS, Javascript, dll.

Tag kondisional untuk label tertentu


<b:if cond='data:blog.searchLabel'>
  <div class='arlinadesign'>KONTEN DI SINI</div>
</b:if>

Contoh :

<b:if cond='data:blog.searchLabel == "NAMA LABEL"'>
  <div class='arlinadesign'>KONTEN DI SINI</div>
</b:if>

Tag kondisional untuk halaman pencarian tertentu


<b:if cond='data:blog.searchQuery'>
  <div class='arlinadesign'>KONTEN DI SINI</div>
</b:if>

Contoh :

<b:if cond='data:blog.searchQuery == "NAMA LABEL"'>
  <div class='arlinadesign'>KONTEN DI SINI</div>
</b:if>

Setelah anda menambahkan tag kondisional di atas, simpan template dan lihat hasilnya.

Tidak sebatas widget, dengan tag kondisional anda pun bisa membungkus elemen lain seperti Script, CSS, dan HTML di dalam template untuk alasan mempercepat blog dengan mengurangi Script yang termuat di suatu halaman atau alasan privasi lainnya.

Semoga bermanfaat.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Beberapa Fungsi Tag Kondisional Pada Widget di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel