Apakah Sobat berpikir dalam platform blogger Anda tidak dapat menyembunyikan Sidebar yang juga dapat membuat halaman lebar penuh?
Blogger bukanlah platform yang fleksibel, tapi dengan bantuan XML dan CSS kita dapat menghapus sidebar dan bahkan dapat meningkatkan lebar tanpa menghadapi kesulitan apapun. Tujuan utama di balik peningkatan lebar dan menyembunyikan sidebar pada halaman tertentu adalah untuk mengubah blog Anda menjadi tampak keren.
Baiklah mari kita mulai, namun sebelumnya sobat bisa liat Demo Berikut
Cara Hapus Sidebar dan Meningkatkan Lebar Halaman Tertentu:
Langkah-langkah yang mudah dan hanya butuh beberapa menit untuk menyelesaikan.
Blogger bukanlah platform yang fleksibel, tapi dengan bantuan XML dan CSS kita dapat menghapus sidebar dan bahkan dapat meningkatkan lebar tanpa menghadapi kesulitan apapun. Tujuan utama di balik peningkatan lebar dan menyembunyikan sidebar pada halaman tertentu adalah untuk mengubah blog Anda menjadi tampak keren.
Baiklah mari kita mulai, namun sebelumnya sobat bisa liat Demo Berikut
Cara Hapus Sidebar dan Meningkatkan Lebar Halaman Tertentu:
Langkah-langkah yang mudah dan hanya butuh beberapa menit untuk menyelesaikan.
- Pergi ke Blogger.com Tambah Halaman BARU / Pos
- Sekarang pilih TAB HTML pada Post Editor Blogger
- Copy dan Paste Kode CSS dan XML berikut:
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:<b>98%</b>!important;}
.post { width:98%!important; }
</style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:<b>98%</b>!important;}
.post { width:98%!important; }
</style>
Tips tambahan: Jika Anda ingin Menghilangkan Judul dari halaman tertentu,silahkan tambahkan Kode berikut sebelum </ style> di atas coding.
Bot dan crawler akan tetap membaca Judul tersebut, tetapi pengunjung manusia tidak akan melihatnya karena dengan bantuan CSS kita telah menyembunyikannya dari mereka.
.post-title, .post-labels, post-icons, post-author {display:none!important;}
Anda mungkin telah melihat situs-situs WordPress yang menggunakan Lebar Penuh pada laman. Dalam cara yang sama, Anda juga dapat menggunakannya dengan cara diatas, sehingga blog Anda bisa mendapatkan daya tarik maksimum dari setiap pengunjung.
Semoga Bermanfaat