Menyembunyikan Sidebar Ketika Posting dibuka

Tips untuk mempercantik blog kali ini adalah tentang bagaimana menyembunyikan / menghilangkan sidebar blog pada saat postingan di buka, tapi masih akan tetap muncul pada home page (halaman utama) blog dan juga masih muncul pada saat dilakukan pencarian artikel pada kotak pencarian blog.

Sudah paham kan? Ok kita lanjut ..

Caranya sangat sederhana sekali, kita hanya akan menyisipkan sedikit kode HTML pada bagian edit HTML blog. Caranya sebagai berikut:

1. Login ke >> Blogger dengan akun anda

2. Pilih >> Rancangan >> Edit HTML

3. Copy Paste kode dibawah ini dan letakkan dibawah kode ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#sidebar-wrapper {display:none}
#main-wrapper {float:left;margin-left:10px;width:940px;}
</b:if>
</style>

Keterangan:

• #sidebar-wrapper (kode sidebar yang ingin disembunyikan/dihilangkan)
• #main-wrapper (kode halaman posting blog)
• display:none (kode untuk menyembunyikan)
• Left (kondisi halaman posting di sebelah kiri)
• 10px (jarak halaman posting kiri dengan template blog kiri)
• 940px (lebar halaman posting setelah sidebar disembunyian)

Anda juga dapat menambah elemen-elemen yang ingin dihilangkan ketika posting dibuka, letakkan nama ID atau class setelah #sidebar-wrapper pada kode diatas dan pisahkan dengan tanda , (koma). Contohnya sebagai berikut :

#sidebar-wrapper, #footer {display:none}

4. Save Template, dan lihat hasilnya