13 October 2014

Beberapa Fungsi Tag Kondisional Pada Widget

Alt Text ~ Fungsi - Fungsi Tag Kondisional Pada Widget

Cara ini bisa dilakukan untuk menyembunyikan elemen atau widget blog baik itu di halaman homepage, postingan, ataupun halaman statis dengan cara menambahkan kode tag kondisional di setiap elemen atau widget yang ingin anda sembunyikan.


  • Beberapa Fungsi Tag Kondisional Pada Widget
  • Menyembunyikan Elemen atau Widget di Halaman Tertentu
  • Tag Kondisional ~ Dunia Blanter
  • Selamat Datang di Blog Dunia Blanter
  • Search Blog Dunia Blanter On Google Search Engine

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> 



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


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, atau HTML di dalam template untuk alasan mempercepat blog dengan mengurangi Script yang termuat di suatu halaman atau alasan privasi lainnya.


Semoga Tutorial ini bermanfaat.
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic