Skip to main content

Cara Menghilangkan Sidebar Blogger Di Halaman Tertentu

Cara Menghilangkan Sidebar Blogger di Halaman Tertentu - Setiap blogger tentu nya pernah mencari cara menghilangkan atau menyembunyikan sidebar blog di halaman / post tertentu supaya 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 memakai css.

Menghilangkan Sidebar Blogger Dengan Css

Seni Css tidak hanya sanggup diterapkan pada template blog saja, penggunaan css pada laman atau post juga sanggup dilakukan menyerupai rujukan 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 supaya 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 menciptakan halaman post menjadi lebar 100% maka tambahkan pula css berikut ini sempurna 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 yaitu id sidebar dan main post situs blog saya, kau harus mengganti nya dengan id sidebar blog kau sendiri alasannya besar kemungkinan id sidebar dan main post setiap template akan berbeda, sedangkan
  • Kode .post umum nya sama pada setiap template situs blogger, kau sanggup memakai metode inspect element untuk mengetahui id sidebar dan main blog anda
Lihat rujukan penerapan css pada post atau laman blog
Cara Menghilangkan Sidebar Blogger di Halaman Tertentu 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 gampang dilakukan bukan? oh iya kalau kau ingin melihat [Demo] nya silahkan cari sesuatu di "Search Box" situs ini alasannya pada laman penelusuran search box saya tidak menampilkan sidebar blog supaya hasil penelusuran di tampilkan dengan lebar penuh. Selamat mencoba dan good luck for you, happy blogger.
Labels:

Comments

Post a Comment

Popular posts from this blog

Widget Contact Form Responsive

Widget Contact Form Responsive - Contact Form atau Contact Us merupakan satu dari beberapa widget penting yang harus ada di setiap laman website termasuk situs blogger, widget contact form merupakan mediator yang menghubungkan antara visitor dengan pengelola situs, Contact form (formulir kontak) biasanya dipakai untuk mengirim pesan berupa kritik, saran, pemesanan pemasangan iklan dan lain-lain. selain itu contact form juga berfungsi sebagai penyaring spam atau malware yang kemungkinan dikirim oleh visitor badung ke e-mail pengelola situs. Platform blogger bekerjsama sudah menyediakan widget contact form untuk situs-situs blog, namun tampilan contact form yang disediakan masih sangat sederhana "default" pengelola situs harus menyesuikan style contact form nya sendiri dengan sedikit penambahan css untuk menciptakan tampilan contact form menjadi lebih elegant. Widget Contact Form Responsive Cara Membuat Laman Contact Form Blogger Login ke Blogger dan buat satu laman ...
Post a Comment
Read more

Cara Buat Tombol Share Sticky Bottom (Melayang Dibawah)

Cara Membuat Share Button Sticky Bottom Blogger - Akhir-akhir ini berbagai variasi tombol share muncul ke pasaran dunia cyber " website & blog " tentunya, dan yang paling terkenal ialah tombol share sticky bottom dan sidebar . Gaya yang lainnya tombol share drop-down. Pada artikel ini aku akan membahas Cara menciptakan tombol share sticky bottom (melayang di bawah) pada perangkat mobile (Handphone) dan tombol share sticky sidebar "melayang di samping jikalau di lihat melalui PC. Adapun tombol share yang akan kita buat merupakan tombol share (share button) yang ringan "sticky bottom" dengan sedikit script namun sangat responsive pada perangkat seluler. Sehingga tidak memberi efek jelek pada loading situs anda. Langsung saja simak langkah-langkah cara menciptakan tombol share sticky bottom berikut ini. Kunjungi laman penyedia tombol share yaitu www.addthis.com Silahkan login dengan dengan e-mail atau facebook anda untuk masuk ke dashboard add...
Post a Comment
Read more

Cara Paralel Exhaust Dengan Lampu

Paralel Hexos Dengan Lampu Paralel Exhaust Dengan Lampu maksudnya yaitu menggabungkan antara exhaust atau fan dengan lampu ke satu switch. Umumnya pada benda electronic menyerupai exhaust memakai jenis kabel NYY isi 3 yaitu Phase, Netral dan Ground sebagai penghubung. Sedangkan Pada instalasi listrik fitting lampu hanya memnggunakan kabel Jenis NYA sebanyak 2 kabel saja yaitu kabel Phase dan Netral saja. Lalu bagaimana " cara memparalel exhaust dengan lampu? " Bahasa singkat dalam teori instalasi listrik " Gabungkan antara netaral exhaust ke netral lampu dan phase ke phase sedangkan kabel ground hubungkan dengan kabel ground pada sumber ground ". Bagaimana mengetahui kabel phase, netral dan ground pada benda electronic menyerupai exhaust? simak panduan instalasi listrik di bawah ini. Warna Kabel NYY Pada barang electronic menyerupai exhaust umumnya ada tiga warna yaitu Biru, Coklat, Dan Kuning atau Coklat, Hitam dan putih.  Biru sebagai kabel Phase ...
Post a Comment
Read more