Cara Menyembunyikan dan Menampilkan Widget di Blog

Cara Menggunakan Tags Kondisional di Blog

Penggunaan widget blog yang terlalu banyak tentu akan memakan tempat dan menambah beban blog saat loading dan tampilan berkesan kurang rapi atau profesional. Tapi mau gimana lagi, terkadang pengguna blog merasa semuanya itu penting untuk di gunakan. Namun jika widget itu memang penting dan ingin mempertahankan keberadaanya, ada baiknya Anda melakukan pengaturan widget tersebut untuk di tampilkan atau di sembunyikan pada halaman yang di kehendaki saja.

Untuk mengontrol element-element widget pada halaman tertentu dengan gaya berbeda Anda dapat menggunakan Tags Conditional Statements. Fungsi dari teknik ini adalah mengatur tampilan halaman agar lebih rapi, efektif, dinamis dan menambah kecepatan loading.

Nah bagaimana dengan tampilan widget Anda sekarang? Apakah sudah terlihat rapi? untuk para blogger teknik ini sangat perlu di ketahui dan untuk di aplikasikan karena bagaimanapun juga tata letak element widget yang beraturan akan mempunyai nilai tersendiri bagi pengguna atau pengunjung apalagi jika di dukung dengan konten yang berkualitas.

Untuk penggunaan Tag kondisional ada 3 logika operator yang di pakai, yaitu operator logika AND, NOT dan OR.

Operator Logika #AND 
Operator logika #AND menggunakan simbol == merupakan operator pembanding untuk menyatakan kondisi tersebut BENAR. Simbol ini juga bisa di artikan sama dengan.

Operator Logika #NOT
Operator logika #NOT menggunakan simbol != merupakan operator logika pembanding juga dan pada penggunaanya menyatakan kondisi TIDAK BENAR. Simbol ini juga dapat di artikan sebagai pernyataan tidak sama.

Operator Logika #OR
Operator logika #OR menggunakan kode tag <b:else/> yang berarti menentukan pilihan antara dua kondisi yang akan di eksekusi. Kode <b:else/> biasanya terletak di antara dua pernyataan pada satu kondisi. Sebagai contoh :

<b:if cond='data.blog.pageType == "item"'>

<!-- kontent 1 -->

<b:else/>

<!-- kontent 2 -->

</b:if>

Penjelasan kode : Konten 1 akan di tampilkan pada halaman type item, jika kondisi halaman blog tidak ada/tidak sama dengan halaman item.....maka yang di tampilkan adalah konten 2.

Cara Menggunakan Tags Conditional di Blog


Untuk menampilkan atau menyembunyikan widget blog hanya perlu menyisipkan sedikit kode HTML pada bagian body maupun head. Berikut ini contoh beberapa tag kondisional yang dapat di gunakan di blog dan jangan lupa untuk menggunakan seperlunya saja.

Dalam penggunaan tag kondisional di template, maka kode tanda kutip "... " harus di parse/ di rubah dengan tanda &quot;...&quot; agar bekerja dalam template.

 1. Menampilkan Widget Hanya di Halaman Homepage/Awal
<b:if cond='data:blog.url == homepageUrl'>

........................................

</b:if>
Contoh :
<b:widget id='HTML1' locked='false' title='nama title' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it 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>
Warna merah adalah batas dari penggunaan kode.
Warna biru adalah kode tag yang di gunakan.
Atau
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style type='text/css'>

......................

</style>

<script type='text/javascript'>

............................

</script>

<b:if>
2. Menampilkan Widget di Semua Salaman Kecuali Halaman Homepage/Awal
<b:if cond='data:blog.url != data:blog.homepageUrl'>

....................................................

</b:if>
3. Menampilkan Widget Hanya di Halaman Archive
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

.......................................................

</b:if>
4. Menampilkan Widget di Semua Halaman Kecuali Halaman Archive
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

.......................................................
</b:if>
5. Menampilkan Widget Hanya di Halaman Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>

....................................................
</b:if>
6. Menampilkan Widget di Semua Halaman Kecuali Halaman Postingan
<b:if cond='data:blog.pagegType != &quot;item&quot;'>

.....................................................

</b:if>
7. Menampilkan Widget Hanya di Postingan Tertentu
<b:if cond='data:blog.pageType == &quot;URl postingan&quot;'>

.............................................................

</b:if>
8. Menyembunyikan Widget di Halaman Tertentu
<b:if cond='data:blog.pageType != &quot;URL postingan&quot;'>

.............................................................

</b:if>
9. Menampilkan Widget Hanya di Halaman Statis
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

...........................................................

</b:if>
10. Menampilkan Widget di Semua Halaman Kecuali Halaman Statis
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

...........................................................

</b:if>
11. Menampilkan Widget halaman Error 404
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

..........................................................

</b:if>

Contoh Penerapan Tag Kondisional Pada HTML

Di bawah ini adalah contoh penerapan kode tag kondisional pada HTML yang mungkin di perlukan dalam menata widget di blog.  

1. Menampilkan Widget di Bawah Postingan
<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

....................................................

</b:if>
2. Menyembunyikan Sidebar di Halaman Statis
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<style type='text/css'>

#sidebar {display : none; }

</style>

</b:if>
Itulah beberapa contoh penggunaan Tags Conditional di blog yang dapat saya sampaikan. Semoga bermanfaat.

Penulis


EmoticonEmoticon