Karena ingin agar hasil pencariannya juga rapi, saya mencoba mencari Cara Menghilangkan Sidebar pada Halaman atau Postingan tertentu, hingga saya dipertemukan dengan sebuah cara ampuh luar biasa yang berhasil membuat halaman saya sedikit terlihat lebih rapi. Ternyata tidak terlalu susah asal kita mengerti apa yang dimaksudkan.
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 kalian. 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 kalian.
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'>Menyembunyikan Sidebar Di Satu Halaman Posting Blogger
<b:if cond='data:blog.pageType == "item"'>
.sidebar {display:none;}
</b:if>
</style>
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:
<b:if cond='data:blog.url == "http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.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'>Menyembunyikan Sidebar Di Satu Halaman Statis Blogger
<b:if cond='data:blog.pageType == "static_page"'>
.sidebar{display:none;}
</b:if>
</style>
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:
<style type='text/css'>Menyembunyikan Sidebar Di Seluruh Halaman Posting & Halaman Statis Blogger
<b:if cond='data:blog.url == "http://sosialmed.blogspot.com/p/hasil-pencarian.html"'>
.sidebar {display:none;}
</b:if>
</style>
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 Beberapa Halaman Tertentu Blogger
Pasti akan muncul pertanyaan, bagaimana menyembunyikan sidebar pada beberapa halaman tertentu saja dan tidak diatur secara umum? Tentu tiada yang mustahil ketika kita mau berusaha.
Sebagai dasar tambahan untuk mengatur pada bagian halaman tertentu (memberikan pengecualian atau "pengistimewaan") , digunakan tag seperti ini:
<b:if cond='data:blog.url == "url"'>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):
</b:if>
<style type='text/css'>Berdasarkan hasil pelaksanaan yang sudah saya lakukan pada blog saya ini Sosial Media Blogs, semua trik di atas berhasil dan memberikan hasil yang maksimal.
<b:if cond='data:blog.url == "http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.html"'>
<b:if cond='data:blog..url == "hhttp://sosialmed.blogspot.com/p/hasil-pencarian.html"'>
<b:if cond='data:blog..url == ";http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.html"'>
.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>
Sebagai Tips Tambahan, sebenarnya tidak hanya sidebar saja yang dapat dihilangkan, namun semua class tertentu dapat dihilangkan asalkan kita mengetahui nama classnya. Misalnya saja, pada blog saya ini, class yang saya hilangkan adalah .sidebar-wrapper, yaitu sidebar sebelah kanan blog. Sehingga pada kode yang dimasukkan, .sidebar cukup kita ganti dengan .sidebar-wrapper. Begitu juga untuk class lainnya seperti footer, widget, dan sebagainya. Semua dapat dipelajari dalam template kalian
