Fungsi Tag Kondisional Pada Elemen Blogger ~ Spot Gelap

Sebenar nya di blogger kita bisa membuat kondisional seperti di bahasa pemrograman lain nya...logika nya pun gak jauh berbeda kita bisa memberi tag kondisional pada setiap elemen yang ingin kalian hilangkan atau di tampilkan di halaman tertentu...

Contoh Penerapan Kondisional Menghilangkan Elemen :

<b:if cond='data:blog.pageType != "static_page"'>
Isi konten di bungkus tag kondisional (Konten akan disembunyikan di halaman statis)
</b:if>

Lalu dengan kode ini kita bisa memberi kondisi pada elemen untuk di tampilkan di halaman tertentu yang kita inginkan.

Contoh Penerapan :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Isi konten di bungkus tag kondisional (Konten hanya akan tampil di halaman beranda)
</b:if>

Untuk lebih lengkap nya kita bisa melihat beberapa kondisional 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>

Ganti "URL anda" dengan URL di mana elemen anda ingin di tampilkan.

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><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 semua tag kondisional sudah di tambahkan, silakan save template anda dan lihat hasil nya...

* Gak cuma elemen aja yang bisa di beri kondisional, CSS dan Javascript pun bisa di beri kondisional agar tertuju tepat sasaran di setiap halaman... Dengan melakukan cara tersebut kita bisa mempercepat blog dengan mengurangi beban script yang di load pada setiap halaman...

Bagi kalian yang kesulitan download karena link nya limit speed, bisa liat Tutorial ini :
Premium Link Generator (File Leecher) Uploaded, rapidgator, dll

Spot Gelap

Fungsi Tag Kondisional Pada Elemen Blogger

Related Post