Menghilangkan sidebar di home page / halaman utama

Berikut merupakan cara menghilangkan sidebar di homepage atau dihalaman utama blog dan menampilkan sidebar di postingan atau di artikel, cara ini sangatlah sederhana dan mudah dipahami.
Cara ini sangatlah mudah ketika anda ingin memisahkan antara layout home page berbeda dengan layout postingan artikel, ini sangatlah penting agar mesin pencari tidak bingung dan ini sangat mempengaruhi buat blog anda agar cepat mendapat sitelink dari google.
Berikut saya beri contoh gambar pada halaman homepage seperti blog saya ini:
Dan dibawah ini contoh gambar halaman postingan seperti blog engkis ini:

Kita bisa membedakan pada 2 contoh gambar diatas yang pertama sidebar dihilangkan sedangkan yang kedua sidebar ditampilkan dihalaman postingan blog.

Menghilangkan sidebar di home page / halaman utama

Untuk melakukan itu anda harus mengedit dibagian edit html.
1. Login blogger.
2. Klik tema.
3. Klik edit html.
Sesudah masuk edit html maka akan muncul kode2 dari template anda jangan asal hapus ya, cukup ikuti petunjuk dari saya ini hehehe.
Untuk cara ini sangatlah mudah yaitu memisahkan css homepage dan postingan, cari kode <b:skin>, ini adalah kode awal css ,untuk mengatur tampilan home page anda harus mempunyai 2 css homepage dan postingan ,pertama untuk tampilan home page setelah anda menemukan kode <b:skin> ,simpan kode dibwah ini:
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<b:skin> <-- ini kode awal skin
......isi css </b:skin> <--ini kode penutup skin </b:if>
Lalu di dalam isi css itu tinggal kita cari kata sidebar, lalu tambahkan ke dalam css :
sidebar{display:none;}
Masukan kode di atas ke dalam css tersebut.
tara anda berhasil menghilangkan sidebar di homepage, jika ada yang kurang paham bisa anda berkomentar di bawah ini.

Disqus Comments