Latest News

Cara Menyembunyikan Sidebar di Halaman Blogger


Posting ini yaitu tips dan trik dan tutorial lengkap untuk menyembunyikan sidebar di halaman-halaman blog Blogger/Blogspot. Bagi teman Blogger yang merasa risih atau ingin sidebar tidak ditampilkan pada suatu halaman Blogger tertentu, baik di halaman statis maupun di halaman posting, teman mampu 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, sebab 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 menyerupai dengan suatu deklarator yang akan aku contohkan nanti.. Tapi jangan khawatir, aku 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 dikala melaksanakan hack template, cari dan lihat terlebih dahulu apa deklarator sidebar pada template sobat. Pada kode-kode di bawah ini, aku akan menggunakan .sidebar sebagai salah satu pola 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 arahan berikut n letakkan di atas tag penutup </head>.
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.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 == &quot; &quot;'>
.sidebar {display:none;}
</b:if>
</style>

Menyembunyikan Sidebar di Seluruh Halaman Statis Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman statis, copy arahan berikut n letakkan di atas tag penutup </head>.
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.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 == &quot;http://tips-trick.com/p/forum-and-community.html&quot;'>
.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 arahan berikut n letakkan di atas tag penutup </head>.
<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>

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 pelengkap untuk mengatur pada adegan halaman tertentu (memberikan pengecualian atau "pengistimewaan") , digunakan tag menyerupai ini:
<b:if cond='data:blog.url == &quot;url&quot;'>
</b:if>
Oleh sebab itu kita dapat menggunakannya untuk menawarkan aturan khusus pada beberapa halaman tertentu sekaligus dengan menambahkan pasangan-pasangan tag menyerupai di atas secara individual. Setiap halaman memiliki tag-nya sendiri. Sehingga jikalau ingin menghilangkan sidebar dari beberapa halaman Blogger, selalu tambahkan tag menyerupai 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 == &quot; &quot;'>
<b:if cond='data:blog..url == &quot;http://tips-trick.com/p/forum-and-community.html&quot;'>
<b:if cond='data:blog..url == &quot; &quot;'>
.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>
Yup, itu ia sedikit trik mengenai menyembunyikan sidebar di halaman Blogger. Sobat dapat memodifikasi sedemikian rupa sehingga dapat menerapkan untuk hal yang lebih. Selanjutnya aku 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!