Sebagian besar desain template blogger mempunyai sidebar pada sebelah kanan maupun kiri, ada juga beberapa blog yang tanpa mempunyai sidebar atau full width 100%, sehingga Anda sanggup melihat secara penuh tampilan blog tersebut.
Mungkin ada beberapa di antara kalian yang ingin menciptakan sebuah landing page di halaman blog maupun di postingan blog.
Landing page biasanya dibentuk dengan lebar full tanpa adanya sidebar, ini bertujuan semoga pengunjung lebih fokus terhadap apa yang ingin ada tampilkan pada landing page tersebut.
Oleh sebab itu kalau template atau desain blog Anda mempunyai sidebar maka Anda harus secara manual menghapus sidebar tersebut kalau ingin menghilangkannya atau menyembunyikannya.
Sebelumnya aku pernah menciptakan artikel wacana cara menciptakan tabel daftar harga, dengan desainnya yang begitu lebar sehingga kalau dipasang pada cuilan postingan akan menyempit sehingga kurang lezat dilihat.
Makara untuk mendapat hasil yang manis tabel tersebut perlu dipasang pada blog yang mempunyai lebar full atau blog yang tidak mempunyai sidebar.
Tapi kalau blog Anda mempunyai sidebar kita juga sanggup menghilangkannya dengan memakai beberapa cara yang akan aku sampaikan pada artikel ini.
Ada lima cara untuk menghilangkan sidebar blog, Anda sanggup melihatnya pada daftar isi di bawah ini.
Contents
Kelima cara tersebut sanggup menghilangkan sidebar blog Anda.
Disini aku akan menghilangkan sidebar blog dengan memakai arahan css ditambah dengan fungsi dari kode tag kondisional.
Perlu Anda ketahui bahwa alangkah baiknya Anda mencar ilmu terlebih dahulu mengenai fungsi dari tag kondisional di blogger sehingga akan lebih gampang memahaminya.
Baik kita mulai saja, bagi Anda yang ingin menghilangkan sidebar blognya mungkin sanggup mengikuti langkah-langkahnya di bawah ini.
1. Menghapus Sidebar di Halaman Beranda / Homepage Blog
Jika Anda tidak ingin menampilkan sidebar di halaman beranda atau homepage blog Anda, mungkin sanggup memakai cara ini.Silahkan masuk ke Blogger.com > klik Tema > klik Edit HTML > simpan arahan ini di atas kode
</head> > klik Simpan tema dan lihat hasilnya.<b:if cond='data:blog.url == data:blog.homepageUrl'> <style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style> </b:if>Kode sidebar dan sidebar-wrapper merupakan arahan ID dan Class yang umum di pakai di banyak sekali template blog, mungkin ada beberapa template blog lain yang memakai arahan lain sehingga tidak akan sanggup menerapkan arahan di atas.
Akan lebih baik apabila Anda mengetahui fungsi dari ID atau Class pada bahasa pemrograman HTML sehingga akan lebih gampang memahaminya.
Back to Content ↑
2. Menghapus Sidebar di Halaman Postingan Blog
Jika Anda tidak ingin menampilkan sidebar blog saat berada di halaman posting, Anda sanggup mencoba dengan memakai cara ini.Silahkan masuk ke Blogger.com > klik Tema > klik Edit HTML > simpan arahan ini di atas kode
</head> > klik Simpan tema dan lihat hasilnya.<b:if cond='data:blog.pageType == "item"'> <style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style> Back to Content ↑
3. Menghapus Sidebar di Halaman Statis / Static Page Blog
Jika Anda tidak ingin menampilkan sidebar blog di halaman statis atau static page, Anda sanggup memakai cara ini untuk menghilangkan atau menyembunyikan sidebar blog Anda.Silahkan masuk ke Blogger.com > klik Tema > klik Edit HTML > simpan arahan ini di atas kode
</head> > klik Simpan tema dan lihat hasilnya.<b:if cond='data:blog.pageType == "static_page"'> <style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style> </b:if> Back to Content ↑
4. Menghapus Sidebar di Semua Halaman Blog
Jika Anda tidak ingin menampilkan sidebar blog di semua halaman blog, maka Anda sanggup mencoba memakai cara ini semoga sidebar blog tidak tampil di seluruh halaman blog Anda.Silahkan masuk ke Blogger.com > klik Tema > klik Edit HTML > simpan arahan ini di atas kode
</head> > klik Simpan tema dan lihat hasilnya.<style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style> Back to Content ↑
5. Menghapus Sidebar di Halaman Tertentu (Custom)
Anda sanggup menghapus sidebar di blog Anda hanya di beberapa halaman tertentu, contohnya di halaman beranda, halaman posting, halaman statis yang sudah aku jelaskan pada nomor 1 hingga nomor 3.Selain itu Anda juga sanggup memilih atau menyesuaikan dengan impian Anda semoga sidebar blog tidak di tampilkan pada halaman tertentu misalnya, halaman index, halaman label, halaman arsip dan lainnya.
Anda hanya perlu mengetahui beberapa arahan tag kondisional yang sudah aku jelaskan pada postingan sebelumnya wacana Kumpulan Kode Tag Conditional Blogger.
Untuk cara penerapannya sama ibarat pada nomor 1 hingga nomor 3.
Back to Content ↑
Beberapa cara di atas sanggup Anda coba untuk menghapus atau menghilangkan sidebar blog, namun perlu Anda ingat kembali bahwa tidak semua blog sanggup memakai cara ini sebab arahan di masing-masing template yang Anda gunakan mungkin sanggup saja berbeda.
Makara Anda perlu mengetahui sendiri arahan ID atau Class yang dipakai pada template blog Anda dengan memakai metode Inspect Element semoga lebih mudah.
Disini aku hanya mencontohkan apabila blog Anda memakai tag ID
#sidebar dan #sidebar-wrapper dan juga tag Class .sidebar dan .sidebar-wrapper jadi pastikan arahan ini sama dengan blog Anda.Cara Agar Halaman Menjadi Full Width
Mungkin Anda ingin semua halaman atau beberapa halaman tertentu mempunyai lebar penuh atau full width contohnya halaman homepage, halaman statis, dan halaman postingan.Untuk mengubahnya menjadi full width, Anda hanya perlu menambahkan arahan CSS berikut:
#main-wrapper{width:100%}Contohnya aku ingin halaman homepage menjadi full width maka arahan yang dipakai ibarat ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} #main-wrapper{width:100%} </style> </b:if>Jika ingin mengubah seluruh halaman menjadi full width maka arahan yang dipakai ibarat ini:
<style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} #main-wrapper{width:100%} </style>Nah, itulah beberapa cara untuk menghilangkan atau menghapus sidebar di blog Anda dan juga mengubah halaman tersebut menjadi full width atau mempunyai lebar yang penuh.
Silahkan Anda coba terapkan di blog Anda sendiri, kalau mengalami problem jangan ragu untuk menghubungi kami melalui halaman kotak atau melalu fan page facebook kami, dengan bahagia hati kami akan membantu Anda.
Sekian artikel mengenai 5 cara menghilangkan sidebar di blogger, selamat mencoba dan semoga bermanfaat.
Sumber http://www.caramanual.com
