Cara Menyembunyikan Widget Pada Halaman Blogger

Trik menyembunyikan widget blog adalah sebagai pengaturan lanjutan dalam mendesain tampilan blog. Pengaturan seperti ini tidak bisa anda lakukan begitu saja, anda harus mengerti dan memahami Kode CSS dan Struktur Dasar XML/HTML Blogger sehingga anda bisa dengan mudah melakukannya.

Pada umumnya, beberapa kode css (deklarator) seperti widget dituliskan sebagai .sidebar, tetapi pada template tertentu penulisan deklarator .sidebar agak sedikit berbeda. Ada yang menggunakan .sidebar-wrapper, .widget dan lainnya.

Nah, menyembunyikan widget pada halaman tertentu postingan blogger atau secara keseluruhan, berikut ulasan lengkapnya.

1. Menyembunyikan widget pada seluruh halaman postingan

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.sidebar {display:none;}
</b:if>
</style>

2. Menyembunyikan widget pada halaman tertentu

<style type='text/css'>

<b:if cond='data:blog.pageType == &quot;http://lostsector.blogspot.in/2012/12/cara-mengatasi-missing-required-field-upadate-blog.html&quot;'> 

.sidebar {display:none;}
</b:if>
</style>

3. Menyembunyikan widget pada halaman statis (contact us, daftar isi atau forum)

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar {display:none;}
</b:if>
</style>

4. Menyembunyikan widget pada halaman postingan dan halaman statis

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar {display:none;}
</b:if>
</b:if>
</style>

5. Untuk mengatur beberapa widget sehingga tidak muncul pada beberapa halaman tertentu dan halaman statis, berikut kodenya :

<style type='text/css'>

<b:if cond='data:blog.url == &quot;http://lostsector.blogspot.com/2012/11/cara-memepercepat-loading-blog.html&quot;'>

<b:if cond='data:blog.url == &quot;http://lostsector.blogspot.in/2012/12/lostsector-forum.html&quot;'>

<b:if cond='data:blog.url == &quot;http://lostsector.blogspot.com/2012/11/mempercepat-loading-form-komentar-blog.html&quot;'>

.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>

Oh ya, untuk mengatur beberapa item seperti kolom komentar, popular post, menu navigasi atau bahkan footer untuk tidak ditampilkan pada halaman blogger, anda hanya perlu menambahkan beberapa kode css kedalam kode css seperti contoh di bawah ini :

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.sidebar, #comments, #navigation, #popular-post {display:none;}
</b:if>
</style>

Perhatikan deklarator yang berwarna biru di atas, kode tersebut tidak mengikat karena pada umumnya deklarator template berbeda-beda. Yang anda harus lakukan adalah memperhatikan dan memahami deklaratornya kemudian menambahkannya kedalam kode css seperti di atas.