Cara menghilangkan sidebar blog pada posting tertentu. 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. Sebagai contoh kalian bisa lihat menu About, dan Contact dari blog ini. 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>
- 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.
- Atur sesuai keinginan kamu, Terakhir Save template, dan lihat hasilnya. Selesai.
<b:if cond='data:blog.url == "http://pengguna-komputer.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>
<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>
Untuk yang Kanan.
<b:if cond='data:blog.url == "http://pengguna-komputer.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://pengguna-komputer.blogspot.com/"'>
<style type='text/css'>
.main-inner .columns {padding-left: 0px;}
.main-inner .column-left-outer {display: none;}
</style>
</b:if>
<b:if cond='data:blog.url == "http://pengguna-komputer.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://pengguna-komputer.blogspot.com/"'>
<style type='text/css'>
.main-inner .columns {padding-left: 0px;}
.main-inner .column-left-outer {display: none;}
</style>
</b:if>
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>
- Keterangan: Ganti kode Merah dengan url posting yang akan kamu sembunyikan. .sidebar{
display: none; } itu artinya kiri-kanan sidebar disembunyikan. tapi lebarnya posting tetap sama, tidak berubah. - Terakhir Save dan lihat hasilnya, Selesai. Semoga Bermanfaat.
<b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/p/var-servicedomainwww.html"'>
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
EmoticonEmoticon