Menghilangkan Sidebar Saat Mengakses Laman Blog

Laman Blog umumnya diartikan sebagai sebuah halaman atau konten statis (static content) pada sebuah blog, biasanya meliputi wacana profil, alamat, privacy policy dll. Sedangkan sidebar ialah pgual yang biasanya terdapat pada sisi kanan / kiri blog, dan sanggup diisi dengan konten widget atau script HTML tertentu.

Mungkin Anda pernah melihat sebuah blog dengan konten atau laman yang seolah terlihat tidak sama – beda, misalkan  dikala mengakses laman/ static page tampilan sidebar blog jadi menghilang dan posisi konten postinganya jadi melebar (post wrapper), atau warnanya jadi berubah, hal tersebut memang sangat mungkin untuk dilakukan yaitu dengan cara mengatur/menambahkan tag kondisional (conditional) tertenu pada template blogspot yang digunakan. Pada artikel Teknik Supaya Widget Blog Tampil di Halaman Depan Saja itu juga memakai tag kondisonal, spesialuntuk saja yang diaturnya yaitu lebih spesifik dimana tag kondisonal diselipkan pada setiap widget.

Tag kondisonal sanggup mengatur id ataupun class yang terdapat pada blog,  sehingga bila dalam kondisi tertentu, class ataupun id yang dipanggil sanggup mempunyai isi properti yang tidak sama. Misalkan saja saya memili id untuk postingan artikel dengan nama #post-wrapper kemudian sidebarnya dengan nama #sidebar-wrapper, dalam kondisi biasa id yang ada mempunyai properti menyerupai diberikut

#post-wrapper {
    background: transparent;
    float: left;
    width: 70%;
    max-width: 700px;
    margin: 0 0 10px;
}
#sidebar-wrapper {
    background: transparent;
    float: right;
    width: 30%;
    max-width: 300px;
    margin: 0 auto;
}

melaluiataubersamaini menambahkan tag kondisonal Saya sanggup mengatur post wrapper dengan nilai properti yang tidak sama, misal dikala berada/mengakses laman blog,  post wrapper mempunyai lebar 100% dan sidebar dihilangkan atau dengan nilai properti menyerupai diberikut

#post-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

#sidebar-wrapper { display:none;}


Tekniknya Saya spesialuntuk tinggal menambahkan tag kondisional menyerupai diberikut

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
#post-wrapper{width: 100%; max-width: 100%; margin: 0;}
#sidebar-wrapper { display:none;}
</b:if>
</style>

PageType biasanya akan diikuti dengan nilai static_page untuk halaman statis atau item untuk halaman postingan. Kita sanggup saja mengisi nilainya memakai url/halaman tertentu, dan tentunya dengan memakai parameter diberikut <b:if cond='data:blog.url kemudian diikuti dengan nilai/url tertentu yang ingin kita menambahkan.


Ketika kondisionalnya sudah dibuat, maka Anda perlu mengatur / mengisinya dengan class/id yang ingin Anda atur nilainya secara tidak sama dari kondisi awalnya. Setiap id / class yang terdapat masing – masing blog mungkin akan tidak sama, maka dari itu Anda harus paham betul dengan id ataupun class yang akan Anda rubah.

Menghilangkan Sidebar Ketika Mengakses Laman Blog

Saya asumsikan contohnya disini Anda mempunyai id sidebar dengan nama #sidebar-wrapper, kemudian untuk posting artikelnya mempunyai id dengan nama #post-wrapper

1. Masuk ke mode EDIT HTML template masing – masing 
2. Masukan instruksi dibawah ini diatas instruksi </head> 
   
   
   

    <style type='text/css'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> #post-wrapper{width: 100%; max-width: 100%; margin: 0;} #sidebar-wrapper { display:none;} </b:if> </style> 

3. Terakhir Simpan
   

Sekarang Anda sanggup eksklusif mengujinya, bila diperhatikan dikala mengakses laman blog,  sidebar pada laman/static page blog secara otomatis menghilang,  kemudian jikalau melaksanakan inspek elemen pada posting artikel (post-wrapper),  maka Anda akan mendapati properti dengan 2 nilai yang tidak sama, menyerupai yang terlihat pada id diberikut 

Tag Kondisional lainnya untuk menyembunyikan Sidebar

Menyembunyikan sidebar di halaman artikel dan statis blog

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

TAMBAHKAN CLASS/ID SIDEBAR yang ingin disembunyikan disini

 </b:if>
 </b:if>

Menyembunyikan sidebar pada halaman tertentu blog

 
 <b:if cond='data:blog.url == &quot;ALAMAT URL &quot;'>

TAMBAHKAN CLASS/ID SIDEBAR yang ingin disembunyikan disini

</b:if>

Menyembunyikan sidebar pada halaman – halaman URL tertentu

<b:if cond='data:blog.url == &quot;ALAMAT URL &quot;'>

<b:if cond='data:blog..url == &quot;ALAMAT URL &quot;'>

<b:if cond='data:blog..url == &quot;ALAMAT URL &quot;'>
TAMBAHKAN CLASS/ID SIDEBAR yang ingin disembunyikan disini
</b:if>
</b:if>
</b:if>

Silahkan di explore sendiri, selamat mencoba…

Share :