Menyembukan Sidebar Di Halaman Tertentu Pada Blogger

Menyembukan Sidebar Di Halaman Tertentu Pada Blogger - Terkadang kita ingin bisa menyembunyikan sidebar di halaman tertentu dan membuat halaman tersebut menuliki lebar maxsimal seperti ukuran lebar template blog.  Tenang, untuk kali ini Blog Pintasku akan memberikan tutorial untuk menyembunyikan sidebar tersebut, silahkan simak tutorialnya berikut ini.

Menghilangkan sidebar di halaman terntentu di blogger itu sangatlah mudah, sobat hanya perlu mencari selector css pada tag sidebar lalu meletakannya di dalam tag kondisonal blogger .

Mencari Selector Sidebar

Karena setiap template yang digunakan itu pastinya berbeda - beda jadi kita harus mengetahui selector yang digunakannya. biasanya yang berbeda itu dari nama id. Untuk mecari selector sidebarnya kita bisa menggunakan fitur Inspect Element yang ada pada browser, umumnya sih browser modern pasti memiliki fitur ini, tetapi saya sarankan sobat menggunakan browser mozilla. dan google chrome. Oke sekarang ikuti instruksi berikut ini,

1. Buka blog sobat
2. Jika sudah tampil blognya sekarang kita klik kanan, lalu pilih Inspect Element, maka akan muncul bar seperti pada gambar.
   
3. Jangan lupa kita harus mencari terlebih dahulu, tag sidebarnya, biasanya terletak di dalam tag <div id='content-wrapper'>

Nahh kita sudah mendapatkan selector CSSnya, sekarang kita masuk ke tutorial selanjutnya.

Menyembukan Sidebar Di Halaman Tertentu Pada Blogger

Oke sekarang kita sudah mendapatkan selector sidebar, sekarang kita terapkan di blogger cara menyembunyikan sidebar tersebut. 

Langkah 1 : Masuk menu Templates > Edit HTML

Langkah 2 : Sekarang letakan kode berikut ini tepat di atas tag </head>

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#sidebar-wrapper {display:none;}

#main-wrapper {width:100%;}
</b:if>
</style>

Keterangan : 
Tulisan yang berwarna merah adalah tag kondisonal blogger, sobat bisa menggantinya sesuai dengan kebutuhan sobat. Untuk melihat daftar tag kondisonal blogger, silahkan baca artikel saya mengenai

• Mengenal Tag Kondisonal Di Blogger

Sedangkan Tulisan yang berwarna biru adalah kode css untuk isi halaman, jadi disana adalah kode css untuk melebarkan isi halaman tersebut. Dan semua selectornya bisa di ganti sesuai dengan selector yang digunakan pada template blog sobat.

Sekian Tutorial Cara Menyembukan Sidebar Di Halaman Tertentu Pada Blogger, semoga tutorial ini bisa membantu dan bermanffat untuk semuanya. Terimakasih