Home Blogger 5 Cara Menghilangkan Sidebar Template VioMagz

5 Cara Menghilangkan Sidebar Template VioMagz

40
0
Menghilangkan Sidebar Template Viomagz

Saya ingin berbagi kepada Anda mengenai pengalaman yang saya dapatkan tentang cara menghilangkan sidebar template VioMagz.

VioMagz adalah template blogger yang dibuat oleh mas Sugeng, dan merupakan salah satu template Blogger yang paling terkenal.

Bagi yang belum tahu, VioMagz memiliki beragam fitur.

Bahkan terdapat banyak tutorial yang dapat digunakan untuk memodifikasi template VioMagz agar terlihat menarik dan sesuai dengan apa yang kita inginkan.

Tampilan fitur yang menarik dan disukai, tentu saja akan membuat kepuasan tersendiri bagi pemilik blog.

Tidak hanya itu saja, tampilan yang asik akan membuat blog terlihat menarik di mata pengunjung.

Bagi saya sendiri, tampilan template blog yang menarik dengan kecepatan yang cepat adalah hal yang sangat saya sukai dan saya jadikan patokan dalam menggunakan template.

Tampilan simple yang saya rasa bisa menimbulkan kesan menarik dari suatu blog.

Salah satu cara untuk membuat template blog terlihat simple namun tetap cepat, menurut saya yaitu dengan cara menghilangkan sidebar template VioMagz.

Dengan cara ini akan meningkatkan kecepatan blog dan tentu saja membuat tampilan terlihat simple.

Cara Menghilangkan Sidebar Template VioMagz

Panduan yang saya bahas kali ini saya dapatkan langsung dari blog pembuat template yaitu mas Sugeng.

Bagi Anda yang tertarik dengan panduan ini dan ingin menerapkannya pada blog, Anda dapat mengikuti panduannya di bawah ini.

Masuk pada menu Tema > klik Edit HTML.

Kemudian pilih salah satu kode yang ada di bawah ini dan letakkan setelah kode ]]></b:template-skin>

Menghilangkan sidebar template VioMagz di seluruh halaman

Cara ini akan menghilangkan sidebar pada semua halaman termasuk halaman utama, halaman postingan dan halaman statis.

<style>
#post-wrapper, #wrapper {
    max-width: 1000px !important;
}
#post-wrapper {
    width: 100% !important;
}
#sidebar-wrapper {
    display: none;
}
.post-container {
    padding-right: 0 !important;
}
</style>

Menghilangkan sidebar di halaman statis

Jika tadi digunakan untuk menghilangkan sidebar di semua halaman. Cara yang ini akan menghilangkan sidebar hanya pada halaman statis jasa seperti halaman kontak dan lain-lain.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#post-wrapper, #wrapper {
    max-width: 1000px !important;
}
#post-wrapper {
    width: 100% !important;
}
#sidebar-wrapper {
    display: none;
}
.post-container {
    padding-right: 0 !important;
}
</style>
</b:if>

Menghilangkan sidebar di halaman artikel

Bagi Anda yang ingin agar tampilan postingan hanya fokus ke artikel saja, Anda bisa memilih cara yang satu ini.

Cara ini dapat membuat halaman postingan Anda tampil tanpa adanya sidebar.

Ini dapat membuat pengunjung lebih fokus kepada konten artikel yang Anda buat dan blog Anda juga dapat terlihat lebih simple.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#post-wrapper, #wrapper {
    max-width: 1000px !important;
}
#post-wrapper {
    width: 100% !important;
}
#sidebar-wrapper {
    display: none;
}
.post-container {
    padding-right: 0 !important;
}
</style>
</b:if>

Menghilangkan sidebar di halaman depan (home page)

Bagi Anda yang ingin agar kecepatan blog cepat saat halaman depan (beranda) diakses, Anda dapat menggunakan cara yang satu ini.

Ini akan membuat sidebar blog tidak tampil di halaman depan tapi akan tampil di halaman lainnya.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
#post-wrapper, #wrapper {
    max-width: 1000px !important;
}
#post-wrapper {
    width: 100% !important;
}
#sidebar-wrapper {
    display: none;
}
.post-container {
    padding-right: 0 !important;
}
</style>
</b:if>

Menghilangkan sidebar di dua halaman, contohnya di halaman depan dan halaman statis

Ini adalah opsi yang sebenarnya tidak ada dalam panduan mas sugeng.

Tapi apakah cara ini aman?

Yup, cara ini aman menurut saya.

Hanya saja bedanya cara ini digabungkan agar sidebar tidak muncul di halaman depan dan halaman statis.

Cara ke-4 ini adalah cara yang sangat saya sukai dan saya gunakan pada blog saya yang ada di Blogger.

<b:if cond='data:blog.pageType == &quot;index&quot; or data:blog.pageType == &quot;static_page&quot;'>
<style>
#post-wrapper, #wrapper {
    max-width: 1000px !important;
}
#post-wrapper {
    width: 100% !important;
}
#sidebar-wrapper {
    display: none;
}
.post-container {
    padding-right: 0 !important;
}
</style>
</b:if>

Bagaimana, sekarang sudah tahu kan caranya. Itulah beberapa cara yang dapat saya bagikan kepada Anda. Jika ada pertanyaan, Anda dapat menanyakannya kepada saya melalui kolom komentar di bawah ini.

LEAVE A REPLY

Please enter your comment!
Please enter your name here