Cara Menghilangkan Sidebar LinkMagz
Assalamu 'Alaikum Wr. Wb.
Alhamdulillah, pada kesempatan kali ini saya kembali berbagi dengan sobat semua seputar tutorial Blogger. Dan kali kita akan membahas bagaimana cara menyembunyikan sidebar pada template LinkMagz.
֍ ֍ ֍
Sebenarnya cara ini bisa diaplikasikan di berbagai template Blogger. Namun pada postingan kali ini saya lebih mengkhususkan sobat yang menggunakan template LinkMagz, seperti blog saya ini. Dan jika sobat pengguna template lain, silakan komen dibawah jika ingin dibuatkan artikel seperti ini juga, InsyaAllah.
Apa itu sidebar?
Sidebar adalah salah satu bagian tata letak pada web atau blog yang ditujukan untuk menaruh berbagai macam widget, sebagai pendukung penampilan dan pemberi informasi lainnya. Biasanya sidebar dapat kita temukan di sebelah kanan atau kiri suatu blog.
Kenapa menghilangkan sidebar?
Karena sebagian orang lebih tertarik untuk menampilkan halaman secara utuh, terbebas dari sidebar, agar lebih leluasa dalam menampilkan konten postingan blog.
Sebenarnya template LinkMagz sendiri sudah ada beberapa halamannya yang didesain penuh tanpa sidebar, seperti halaman, postingan berlabel "Produk" dan "Jasa". Akan tetapi, sobat ingin juga membuat postingan yang full halaman tanpa sidebar. Maka inilah postingan yang sobat cari! :)
Bagaimana caranya?
Oke, tanpa berlama-lama lagi, langsung saja kita simak langkah-langkahnya berikut :
Cara 1 : Menghilangkan sidebar di seluruh postingan
Jika sobat ingin menghilangkan sidebar di semua artikel blog sobat, maka ikuti cara pertama ini:
- Masuk ke dashboard Blogger,
- Pilih menu Tema (Theme, jika bahasa Inggris),
- Klik Edit HTML,
- Salin kode di bawah ini:
<b:if cond='data:blog.pageType == "item"'>
<style>
#content-wrap {
max-width: 1250px !important;
}
#content-wrap {
width: 100% !important;
}
#sidebar-wrap {
display: none;
}
.post-container {
padding-right: 0 !important;
}
</style>
</b:if>
-
Jika sudah, tempelkan kode itu tepat di atas kode
]]></b:skin>
, - Klik Simpan (Save).
PERHATIAN!!! Angka berwarna merah adalah Lebar Template default LinkMagz. Jika sobat sudah merubah lebar template LinkMagz pada blog sobat, maka sesuaikan dengan lebar angka pikselnya (px).
Cara 2 : Menghilangkan sidebar pada postingan tertentu
Jika sobat hanya ingin menghilangkan sidebar pada artikel tertentu saja, maka ikuti cara kedua berikut ini (dan cara kedua inilah yang saya gunakan untuk postingan saya yang ini):
- Masuk ke dashboard Blogger,
- Pilih menu Postingan,
- Buat Postingan Baru atau pilih postingan yang sudah sobat buat,
- Pada lembar kerja postingan, pilih mode Tampilan HTML,
- Salin kode berikut:
<style>
#content-wrap {
max-width: 1250px !important;
}
#content-wrap {
width: 100% !important;
}
#sidebar-wrap {
display: none;
}
.post-container {
padding-right: 0 !important;
}
</style>
- Jika sudah rapi postingan sobat, klik Publikasikan / Update.
PERHATIAN!!! Angka berwarna merah adalah Lebar Template default LinkMagz. Jika sobat sudah merubah lebar template LinkMagz pada blog sobat, maka sesuaikan dengan lebar angka pikselnya (px).
Penutup
Mungkin cukup sekian tutorial yang dapat saya bagikan untuk sobat semua pada kesempatan kali ini. Dan jika ada yang kurang dipahami, silakan bertanya pada kolom komentar di bawah ini. Sekian dan terima kasih.
Wassalamu 'Alaikum Wr. Wb.
Masih setia pakai sidebar aja sih saya. Thanks udah sharing bang
BalasHapusSama-sama, sob.
HapusSaya juga masih setia dengan sidebar, karena lebih nyaman saja.
Itu saya terapkan cara kedua utk satu posting saya yg memang lumayan panjang https://www.umaralhuseini.com/2020/11/kisah-tragis-santri-yang-hafal-kitab.html
wah ia bener juga, bisa diterapkan pada artikel yang agak panjang.
HapusThanks cara keduanya min. keep share.
Sama-sama, sobat. Terima kasih telah berkunjung
HapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusTerima kasih atas kunjungannya, sobat. Dan sudah saya kunjungi balik 2 blog sobat yg luar biasa.
BalasHapusBahkan saya rasa semua template blogger bisa dgn cara seperti ini. Hanya tinggal penyesuaian "id" dan "class"nya saja.
Dan kebetulan, id name utk sidebar yg digunakan di dalam template LinkMagz ini adalah #sidebar-wrap.