Cara Menghapus Sidebar blog

Bagikan :

Facebook

Tweet

Linkedin

Pinterest

pada kali ini saya akan membahas sedikit tutorial mengenai cara menghapus sidebar  pada blog. Sidebar memang sangat penting di dalam sebuah blog, namun ada tidak salah jika kita menghapus sidebar tersebut  agar pengunjung tidak terganggu .

Oke langsung saja kita masuk ke tutorialnya.

Disini kita akan membahas mengenai cara menghapus sidebar blog pada 4 tempat yaitu :

1.    Pada Posting Blog

2.    Pada Halaman Statis

3.    Pada Halaman Tertentu

4.    Pada Semua Halaman dan Posting

1. Cara Menghapus sidebar pada Posting Blog

- Masuk ke Blogger.com lalu pilih tab Template  > Edit Html dan pastekan kode berikut di bawah  kode </head>

<b:if cond='data:blog.pageType ==post;'><style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style></b:if>

Jika sobat ingin membuat halaman posting sobat full maka ganti kode tadi dengan kode berikut :

<b:if cond='data:blog.pageType ==post;'>
<style>
#sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none}
  #post-wrapper{width:100%}
</style>
</b:if>

 

Simpan.

2. Cara Menghapus Sidebar pada halaman statis

 
Sama seperti di atas namun kode yang ditambahkan adalah sebagai berikut :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none}
  #post-wrapper{width:100%}
</style>
</b:if>

 

Lalu simpan.

3. Cara Menghapus sidebar pada halaman statis

- Letakkan kode berikut setelah tag </head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style></b:if>

 

- Simpan.

4. Cara Menghapus sidebar pada semua halaman 

- Masuk ke blogger.com lalu masuk ke edit HTML dan letakkan kode berikut di bawah tag </Head> lalu simpan.

<b:if cond='data:blog.pageType == all'><style> #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper{display:none} </style></b:if>

Atau bisa juga dengan menghapus sidebar langsung dari tata letak, hingga tak ada lagi terlihat widget tata letak didalam blog.  

Jika sobat ingin lebar artikel full seluruh laman maka sobat bisa menambahkan kode berikut sebelum kode ]]></b:skin> atau </style>

#sidebar-wrapper {none}
#main-wrapper {widt:100%}

Lalu klik simpan.

Itulah tadi cara menghapus sidebar di blog, semoga bermanfaat bagi sobat.

Tag : Blog