Menghilangkan Sidebar Pada Post Dan Page Tertentu

Menghilangkan sidebar pada post dan page tertentu. Pernahkah teman menemukan blog atau website yang di post tertentu sidebar-nya tidak muncul atau hilang? Jika teman sedang membaca post ini, itu artinya teman pernah melihatnya namun belum tahu cara membuatnya. Akan tetapi sebagai contoh, silahkan untuk mengunjungi http://tabloidpulsanews.blogspot.com/search?q=video-tutorial-futsal

Ketika teman mengklik link tersebut maka sidebar pada post tersebut tidak muncul alias hilang. Sebagai pembanding, silahkan ke homepage http://info.muhbalak.com...bagaimana? Bedakan...?

Berikut cara menghilangkan sidebar pada post dan page tertentu:

A. Untuk Template blogger designer

1. Login ke blogger

2. Pilih sajian template => Edit HTML => Centang "expand widget templates"

3. cari instruksi </head> (gunakan Ctrl+F)

4. Letakkan instruksi berikut di atas instruksi </head>
<b:if cond='data:blog.url == "http://tabloidpulsanews.blogspot.com/search?q=video-tutorial-futsal"'>
<style type='text/css'>
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .column-left-outer {
display: none;
}
</style>
</b:if>

Keterangan:
  • Ganti link dengan link post sobat yang hendak disembunyikan sidebar-nya
  • Left dapat diganti dengan right, tergantung letak sidebar sobat...di kiri atau kanan

5. Jika sudah, klik simpan template

B. Gagal alasannya yaitu template teman bukan template Blogger designer? Ikuti langkah-langkah berikut untuk solusinya

1. Login ke blogger

2. pilih sajian template => Edit HTML => Centang kotak "expand widget templates"

3. Cari instruksi </head> dan letakkan instruksi berikut di atas instruksi </head>
<b:if cond='data:blog.url == "http://tabloidpulsanews.blogspot.com/search?q=video-tutorial-futsal"'>
<style>
#sidebar-wrapper{
display: none !important;
}
#main-wrapper, .post {
width: 570px;
}
</style>
</b:if>
Keterangan:
  • Ganti link merah dengan link post teman (yg ingin disembunyikan sidebarnya)
  • Untuk mengetahui ukuran main-wrapper dapat dicari memakai Ctrl+F di halaman Edit HTML

4. Jika sudah, silahkan untuk mengklik simpan template

Semoga bermanfaat

Tags: Menghilangkan sidebar. menyembunyikan sidebar

0/Post a Comment/Comments