Sebenarnya ini juga bisa dilakukan pada artikel postingan, tapi kembali lagi kepada judul nya. Menurut saya dengan menghilangkan sideber pada halaman statis ini akan membuat tampilan nya lebih bagus dan fokus terhadap isi dari halaman statis tersebut.
Oke, langsung saja kita praktek. Saya akan menggunakan halaman statis Disclaimer saya.
1. Pergi dulu ke www.blogger.com
2. Setelah itu pilih blog anda.
3. Pilih Laman > Disclaimer
4. Setelah isi dari Disclaimer terlihat, lalu klik HTML.
5. Copy kan kode dibawah ini dan pastekan dibawah sekali.
<style type="text/css">#sidebar-wrapper{display:none !important;}#midsidebar-wrapper{display:none !important;}</style>Lihat tulisan yang berwarna merah itulah kode sideber dengan kode itu artinya kita menghilangkan sidebar. Jika #sidebar-wrapper di ganti dengan #header-wrapper itu artinya menghilangkan header blog. Silahkan anda pelajari.
6. Simpan dan lihat hasilnya. Sidebar akan menghilang dan memberikan ruang kosong. Dengan ruang kosong seperti itu jelas tidak enak di pandang bukan, jadi kita akan membuat postingan menjadi full width.
Cara Membuat Postingan Full Width
1. Kembali ke Laman > Disclaimer lalu Pilih HTML.
2. Paste kan kode berikut ini dibawah kode menghilangkan sidebar tadi.
<style type="text/css">#post-wrapper{width:101%!important;float:left;margin:0;}Tulisan yang berwarna merah itu adalah kode css blog saya, Jadi sesuai kan dengan blog anda masing - masing. #post-wrapper silahkan anda ganti sesuai yang ada pada template blog anda. Jika di blog anda bukan #post-wrapper, mungkin adalah #main-wrapper. Silahkan anda cek sendiri.
.post{width:101%}
</style>
3. Jika sudah selesai, klik simpan dan lihat hasilnya.
Bagaimana gampangkan? Saya rasa sudah cukup postingan kali ini. Jika masih ada yang bingung silahkan bertanya di komentar. Harap dimaklumi jika terdapat kesalahan kata atau apalah karena saya masih belajar. Sekian terima kasih.
14 komentar
Wah.., makasih triknya ni mas. Tapi saya belum kepengen ngilangin sidebar dihalaman statis, g cocok sama tampilan template saya:v
Balashehe gk pp gan.. makasih udah mampir..
Balaskyknya cocok buat template yang isinya full gambar gan,
Balasjadi lebih lega baca postingan, kalo side barnya di ilangin
Balasmakasih triknya mas
iya gan cocok bnget..
Balasbener bnget kang.. makasih udah berkunjung..
Balaskalo kodenya ditaruh di templatenya bukan di halaman statisnya gmn mas ??? biar ga tiap bikin halaman masukin kode itu. makasih
Balasmantaf mas,, simple dan jelas,,
Balassaya bolak balik googling,, pada ribet,, cuma punya ente mas yang jelas,,
keren mas,, sipplah, pokoknya.
makasih banyuuak.. hehe
terima kasih banyak, tutorial mentembunyikan sidebar nya berhasil di blog saya, semoga berkah atas ilmunya dan sukses selalu
Balaslalu cara memperbaiki sidebar yang merosot ke kanan bawah bagaimana caranya gan?
BalasMANTAP SEKALI GAN, YOU ARE MY HERO...
BalasSaya dah bingung banget nih dari kemaren, gimana caranya ngilangin sidebar di beberapa halaman, masalahnya saya pasang sticky widget. Nah terus kalo di halaman yang artikelnya sedikit footernya keganggu, gak bisa di scroll. Nah ane bingung mau gimana lagi, nyari artikel yang gak ngedit html blog, tapi html artikel. Ternyata agan menolong sekali, semoga urusan agan dilancarkan. Amiiin, kunjungi juga blog saya min auroratekno.com . Thank you so much gan...
Bener gan, cuma ini yg jelas
BalasTerima Kasih atas Tutorialnya, Gan Admin.
BalasSangat bermanfaat buat Nganggurpreneur seperti saya yang baru belajar blogging.
Kalo ada waktu, silakan mampir dan kongkow di tempat saya.
Ditunggu.
Maaf link hidup tidak akan tampil di sini!
BalasApa pendapat mu tentang ini?
>Berkomentarlah dengan baik, sesuai topik, dan jangan nyepam..
>>Sorry kalau balas nya telat..