Menghilangkan bukan berarti menghapus. Sidebar
hanya disembunyikan dari halaman tertentu. Dengan tujuan agar posting
suatu halaman terlihat rapi dan bersih dari Widget atau Gadget yang
berada di kanan atau kiri posting blog. Dengan menghilangkan Sidebar, dapat juga mempercepat loading blog untuk di akses.
Ada 2 cara yang berbeda yang akan saya jelaskan, yang pertama
adalah menyembunyikan sidebar dengan lebar posting sampai ke samping,
hampir seluruh ukuran web digunakan untuk posting. Dan yang kedua
adalah menyembunyikan sidebar dengan lebar yang masih sama seperti
ketika ada Widget/Gadget dikanan-kiri posting, contohnya lihat about di
blog ini. Silahkan pilih kedua cara tersebut, sesuaikan dengan
fungsinya, jika ingin dibuat lebih lebar, maka pilih cara yang pertama,
sidebar disembunyikan, dan lebarnya sampai kesamping. Untuk cara membuat sidebar menghilang dari posting tertentu. Ikuti langkah-langkah dibawah ini.
Cara menyembunyikan sidebar yang Pertama
- Login ke blogger.
- Dari dasbor pilih menu template dan klik edit HTML.
- Dan Cari kode </head> (Gunakan Ctrl F) dan letakkan kode berikut diatas </head>
<b:if cond='data:blog.url == "http://ferdyan65.blogspot.com/"'>
<style type='text/css'>
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .column-left-outer {
display: none;
}
.main-inner .column-right-outer {
display: none;
}
</style>
</b:if>
- Keterangan: Ganti kode biru dengan url dari posting kamu yang ingin dihilangkan sidebarnya.
- Kode Merah diatas gunanya untuk menyembunyikan sidebar bagian kiri. Dan Kode Hijau itu untuk menyembunyikan sidebar bagian kanan. Jadi kalian bisa atur sidebar yang mau disembunyikan, yang kanan atau yang kiri, atau kedua-duanya di sembunyikan. Berikut: Contoh susunan kode kanan dan kiri.
Untuk yang Kanan.
<b:if cond='data:blog.url == "http://ferdyan65.blogspot.com/"'>
<style type='text/css'>
.main-inner .columns {padding-right: 0px;}
.main-inner .column-right-outer {display: none;}
</style>
</b:if>
Untuk yang Kiri.
<b:if cond='data:blog.url == "http://ferdyan65.blogspot.com/"'>
<style type='text/css'>
.main-inner .columns {padding-left: 0px;}
.main-inner .column-left-outer {display: none;}
</style>
</b:if>
- Atur sesuai keinginan kamu, Terakhir Save template, dan lihat hasilnya. Selesai.
Cara menyembunyikan sidebar yang kedua.
- Cara menyembunyikan sidebar yang kedua, seperti halaman about dan contact di blog ini. Cara ini sedikit lebih simpel jika dibandingkan dengan cara yang pertama.
- Caranya klik Edit HTML dan Cari kode <head> dan tempatkan kode berikut diatas <head>
<b:if cond='data:blog.url == "http://ferdyan65.blogspot.com/2014/03/cara-menghilangkan-sidebar-blog-pada-posting-tertentu.html">
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
- Keterangan: Ganti kode Merah dengan url posting yang akan sobat sembunyikan. .sidebar{
display: none; } itu artinya kiri-kanan sidebar disembunyikan, tapi lebarnya posting tetap sama dan tidak berubah. - Terakhir Save dan lihat hasilnya, Selesai. Semoga Bermanfaat.
Sumber: pengguna-komputer.blogspot.com
0 komentar