Cara Menyembunyikan Sidebar Blog ~ Bithoo

Posting ini adalah tips dan trik dan tutorial lengkap untuk menyembunyikan sidebar di halaman-halaman blog Blogger/Blogspot. Bagi sobat Blogger yang merasa risih atau ingin sidebar tidak ditampilkan pada suatu halaman Blogger tertentu, baik di halaman statis maupun di halaman posting, sobat bisa mencoba menggunakan trik ini.

Namun sebelumnya perlu diperhatikan bahwa trik menghilangkan sidebar Blogger ini perlu sedikit pemahaman mengenai template, terutama dalam mencari deklarator CSS di halaman template XML Blogger, karena tidak semua template memiliki deklarator yang sama tergantung bagaimana si pembuat template merancangnya. Namun rata-rata deklarator tersebut menggunakan bahasa Inggris untuk menyebutnya. Tinggal bagaimana mencari yang hampir mirip dengan suatu deklarator yang akan saya contohkan nanti.. Tapi jangan khawatir, saya akan coba jelaskan sejelas mungkin. All Right? Ready?

Mencari deklarator CSS Sidebar
Pada dasarnya sidebar dinyatakan dalam class sehingga bentuk deklaratornya adalah: .sidebar. Agar nanti tidak terjadi kegagalan ketika melakukan hack template, cari dan lihat terlebih dahulu apa deklarator sidebar pada template sobat. Pada kode-kode di bawah ini, saya akan menggunakan .sidebar sebagai salah satu contoh yang paling sering digunakan. Sesuaikan dan ganti dengan apa yang ada di template Blogger sobat.

Menyembunyikan Sidebar di Seluruh Halaman Posting Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting, copy kode berikut n letakkan di atas tag penutup </head>.

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

Menyembunyikan Sidebar di Satu Halaman Posting Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:

    <b:if cond='data:blog.url == "http://bithoo.blogspot.com/2012/04/cara-mengganti-post-comment-blog.html"'>
    .sidebar {display:none;}
    </b:if>
    </style>

Menyembunyikan Sidebar di Seluruh Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.

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

Menyembunyikan Sidebar di Satu Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:

    <style type='text/css'>
    <b:if cond='data:blog.url == "http://bithoo.blogspot.com/2012/01/kontak.html"'>
    .sidebar {display:none;}
    </b:if>
    </style>

Menyembunyikan Sidebar di Seluruh Halaman Posting & Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada seluruh halaman posting dan halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.

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

Menyembunyikan Sidebar Pada Halaman-halaman tertentu Blogger
Pasti akan muncul pertanyaan, bagaimana menyembunyikan sidebar pada halaman halaman tertentu saja dan tidak diatur secara umum? Apakah bisa? Jawabannya (sambil teriak nih): BISA!!
Sebagai dasar tambahan untuk mengatur pada bagian halaman tertentu (memberikan pengecualian atau "pengistimewaan") , digunakan tag seperti ini:

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

Oleh karena itu kita dapat menggunakannya untuk memberikan aturan khusus pada beberapa halaman tertentu sekaligus dengan menambahkan pasangan-pasangan tag seperti di atas secara individual. Setiap halaman memiliki tag-nya sendiri. Sehingga jika ingin menghilangkan sidebar dari beberapa halaman Blogger, selalu tambahkan tag seperti di atas dengan masing-masing url-nya (baik url halaman posting atau halaman statis). Contoh (copy, edit, dan tambahkan atau kurangi tag berwarna merah tua sesuai dengan jumlah halaman yg diinginkan):

    <style type='text/css'>
    <b:if cond='data:blog.url == "http://bithoo.blogspot.com/2012/04/cara-mengganti-post-comment-blog.html"'>
    <b:if cond='data:blog..url == "http://bithoo.blogspot.com/2012/01/kontak.html"'>
    <b:if cond='data:blog..url == "http://bithoo.blogspot.com/2012/04/cara-membuat-fitur-reply-comment.html"'>
    .sidebar{display:none;}
    </b:if>
    </b:if>
    </b:if>
    </style>

Yup, itu dia sedikit trik mengenai menyembunyikan sidebar di halaman Blogger. Sobat dapat memodifikasi sedemikian rupa sehingga dapat menerapkan untuk hal yang lebih. Selanjutnya saya juga akan terus posting mengenai "sembunyi-sembunyian" pada kesempatan yang lain. Jika ada kesulitan, feel free to leave your comment below. Keep on learning and learning!