Menampilkan dan Menyembunyikan Widget di Halaman Blog

Posted by : Unknown Saturday, February 1, 2014

Menampilkan dan Menyembunyikan Widget Pada Halaman Tertentu

Keberadaan widget memang akan mempermudah kita dalam mendesain atau mempercantik tampilan blog kita. Namun, kadangkala justru juga akan merusak tampilan yang ada. Kali ini saya akan kembali berbagi tips dan trik. Trik ini berhubungan dengan widget di blog yang mau di tampilkan maupun di sembunyikan pada halaman tertentu. Mungkin sobat sudah mengerti apa yang saya maksudkan. Fungsi dari menampilkan atau menyembunyikan widget tertentu di blog adalah untuk menampilkan atau menyembunyikan widget yang mungkin sobat anggap penting dan tidak penting pada suatu halaman. Alhasil, Sobat bisa sesuka hati menampilkan maupun menyembunyikan widget tertentu dalam suatu halaman tertentu saja.

Menyembunyikan dan menampilkan widget blog pada halaman tertentu merupakan salah satu proses penataan widget blog yang menurut saya perlu diketahui dan diterapkan oleh sobat blogger pada blognya masing-masing. Saya menyarankan hal ini karena tata letak widget dan konten yang berkualitas juga merupakan kriteria penilaian tersendiri baik dari admin blog maupun pengunjung blog. Jika ditinjau dari segi keindahan tampilan blog, memang hal ini perlu kita terapkan pada blog. Langsung saja sobat simak cara-cara dibawah ini.

1. Menampilkan widget hanya pada Homepage saja
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET SOBAT
</b:if>

2. Menyembunyikan widget dari halaman Homepage
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url != data:blog.homepageUrl'>
KODE WIDGET SOBAT
</b:if>

3. Menampilkan widget hanya pada halaman Static Page
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET SOBAT
</b:if>

4. Menyembunyikan widget dari halaman Static Page
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET SOBAT
</b:if>

5. Menampilkan widget hanya pada URL tertentu saja
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET SOBAT
</b:if>

6. Menyembunyikan widget dari URL tertentu
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET SOBAT
</b:if>

7. Menampilkan widget hanya pada Archive Page saja atau halaman arsip
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "archive"'>
KODE WIDGET SOBAT
</b:if>

8. Menyembunyikan widget dari halaman Archive Page
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType != "archive"'>
KODE WIDGET SOBAT
</b:if>

9. Menampikan widget pada halaman postingan saja
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET SOBAT
</b:if>

10. Menyembunyikan widget dari halaman posting
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType != "item"'>
KODE WIDGET SOBAT
</b:if>

11. Menampilkan widget hanya di halaman Error 404
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "error_page"'>
KODE WIDGET SOBAT
</b:if>

12. Menyembunyikan widget di halaman Error 404
Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType != "error_page"'>
KODE WIDGET SOBAT
</b:if>

Lantas bagaimana cara menampilkan atau menyembunyikan widget default dari blogger sendiri? seperti About me, Archive, Label dan lain sebagainya. Biasanya kode default blogger akan tampak seperti dibawah ini :

<b:widget id='HTML1' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>
KODE WIDGET DEFAULT BLOGGER ANDA
</b:includable>
</b:widget>

Untuk mengontrol widget ini anda hanya perlu untuk menyisipkan kode kontrol sesuai dengan apa yang anda mau. Misalnya anda ingin menampilkan widget hanya pada Homepage saja , maka letakkan kode pada no 1 diatas seperti dibawah ini :

<b:widget id='HTML1' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET DEFAULT BLOGGER ANDA
</b:if>
</b:includable>
</b:widget>

Bagaimana, mudahkan? Anda pasti bisa berkreasi sendiri dengan kode-kode diatas dengan menyembunyikan widget yang menurut sobat tidak penting di tampilkan pada halaman tersebut. Jika ada yang kurang di mengerti atau ada masukan dari sobat semua, silahkan komentar di bawah...