Selasa, November 24, 2015

Membuat halaman tertentu menjadi full tanpa sidebar

Ok, langsung saja, jadi artikel ini adalah pengalaman pribadi penulis saat ingin membuat salah satu halaman menjadi full tanpa sebuah sidebar. Berikut screen capturenya



Pertama, Buka Blogger anda
Kedua, Buatlah halaman/postingan terlebih dahulu
Ketiga, jika selesai membuat halaman/postingan silakan rubah dari mode Compose menjadi mode HTML
Keempat, Pastekan kode di bawah ini pada akhir postingan/halaman anda
<style>
#main-wrapper{width: 98%; float: center; margin: 10px 10px 10px 10px; word-wrap: break-word;overflow: hidden;}
</style>
<style>
#sidebar-left-wrapper{display:none;}
</style>
<style>
#sidebar-wrapper{display:none;}
</style>
<style>
#sidebar-top{display:none;}
</style>
<style>
#comment-form{display:none;}
</style>
<style>
#comments{display:none;}
</style>
Kode pada tiap-tipa sidebar biasanya berbeda, dalam contoh saya mempunyai 2 sidebar, yaitu sidebar bagian kiri dengan nama sidebar-left-wrapper dan sidebar bagian kanan dengan nama sidebar-top
Jadi, usahakan ganti yang berwarna merah di atas sesuai nama kode pada template anda, 

Tips mngetahui nama kodenya sangat sederhana, silakan menuju ke blog anda, lalu klik kanan pada bagian sidebar, pilih Inspect Elements, maka akan muncul seperti gambar dibawah ini


Nah, pada gambar di atas, sangat jelas bahwa nama sidebar saya yang berada di sebalah kanan adalah sidebar-top

Untuk yang berwarna biru adalah pengaturan tambahannya, silakan sesuaikan dengan keinginan.

Ok semoga bermanfaat

Komentar Anda di rwblog.id adalah tanggapan pribadi, kami berhak menghapus komentar yang mengandung kata-kata pelecehan, intimidasi, dan SARA.
EmoticonEmoticon