Beberapa Fungsi Tag Kondisional pada Widget

dityadesign.blogspot.com


Beberapa Fungsi Kondisional Pada Widget – Ada beberapa trik untuk menyembunyikan elemen blog blog baik itu dihalaman home / beranda, postingan, ataupun halaman statis yaitu dengan menambahkan kode tag kondisional disetiap elemen yang ingin anda sembunyikan.

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 menanpilkan 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 dibawah ini :

1. Menampilkan widget hanya dihalaman utama :

 <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 dihalaman 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 dihalaman 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 hanya dihalaman 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. Menampilkan widget dihalama statis :


 ... kode HT<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 dihalaman 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 dihalama 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 anda menambahkan tag kondisional diatas, simpan template dan lihat hasilnya.

Tidak sebatas widget, dengan tag kondisional anda pun bisa membungkus elemen lain sepertit
 Script, CSS, atau HTML didalam template untuk alas an mempercepat blog dengan mengurangi Script yang termuat disuatu halaman atau alas an privasi lainnya.

Terima Kasih
semoga bermanfaat :)

Mencoba Berbagi Pengalaman di bidang Internet di blog asli Indonesia

Share this


Previous
Next Post »

Penulisan markup di komentar
  • Untuk menulis tag code gunakan <i rel="code">Kode yang sudah diparse di sini</i>.
  • Untuk menulis tag pre gunakan <i rel="pre">Kode yang sudah diparse di sini</i>.
  • Untuk memasukkan gambar gunakan <i rel="image">URL gambar di sini</i>.
  • Untuk memasukkan video gunakan <i rel="youtube">URL Video Youtube di sini</i>.
  • Kemudian parse kode pada kotak parser di bawah ini.

✔ Harap Berkomentar Sesuai Dengan Judul Bacaan,
✖ Tidak diperbolehkan Untuk Mempromosikan Barang Atau Berjualan
✖ Jangan Berkomentar Dengan Link Aktif