0 Comment

Cara Menghilangkan Sidebar Blogger di Halaman Tertentu - Setiap blogger tentu nya pernah mencari cara menghilangkan atau menyembunyikan sidebar blog di halaman / post tertentu agar tampilan main post atau halaman menjadi full width (lebar penuh). Umum nya menghilangkan sidebar blog sering dilakukan pada postingan atau laman about us, contact us dan lain-lain. Nah, pada kesempatan kali ini saya akan membagikan tutorial blogger yaitu " Cara menghilangkan sidebar blogger di halaman post tertentu" dengan menggunakan css.

Menghilangkan Sidebar Blogger Dengan Css

Seni Css tidak hanya dapat diterapkan pada template blog saja, penggunaan css pada laman atau post juga dapat dilakukan seperti contoh untuk menghilangkan sidebar blog di halaman tertentu maka kita tidak perlu menambahkan css pada template blogger, cukup dengan menambahkan css untuk menghilangkan / menyembunyikan sidebar blog pada laman / post yang ingin kita tampilkan dengan lebar penuh (full width), cara nya adalah:

Tambahkan Css Berikut ini pada post / laman blog dengan mode penulisan html bukan compose, berikut css untuk menghilangkan sidebar blog dan css agar tampilan post menjadi lebar penuh.
<style type="text/css">
#sidebar-wrapper{display:none!important;}
</style>
Css diatas berfungsi untuk menghilangkan / menyembunyikan sidebar blog, namun tampilan post atau laman belum full width (lebar penuh), untuk membuat halaman post menjadi lebar 100% maka tambahkan pula css berikut ini tepat dibagian bawah post / page dan dibawah lokasi css diatas.
<style type="text/css">
#main-wrapper{width:100%!important;float:left;margin:0;}.post{width:95%;}
</style>
Keterangan:
  • Kode #main-wrapper dan #sidebar-wrapper adalah id sidebar dan main post situs blog saya, kamu harus mengganti nya dengan id sidebar blog kamu sendiri karena besar kemungkinan id sidebar dan main post setiap template akan berbeda, sedangkan
  • Kode .post umum nya sama pada setiap template situs blogger, kamu dapat menggunakan metode inspect element untuk mengetahui id sidebar dan main blog anda
Lihat contoh penerapan css pada post atau laman blog
Cara Menghilangkan Sidebar Blogger di Halaman Tertentu
Cara Menghilangkan Sidebar Blogger di Halaman Tertentu
Posisikan css menghilangkan sidebar blog dibagian bawah laman / post pada mode html, pastekan kedua css diatas secara ber-urutan, saya fikir demikian saja tutorial "Cara Menghilangkan Sidebar Blogger di Halaman Tertentu" ini sangat mudah dilakukan bukan? oh iya jika kamu ingin melihat [Demo] nya silahkan cari sesuatu di "Search Box" situs ini karena pada laman penelusuran search box saya tidak menampilkan sidebar blog agar hasil penelusuran di tampilkan dengan lebar penuh. Selamat mencoba dan good luck for you, happy blogger.

Post a Comment Subscribe

Note: Subscribe terlebih dahulu untuk memposting komentar, Kami akan segera kembali untuk meninjau dan menanggapi respon dari anda.

Top