Rabu, 23 Januari 2013

Cara Hilangkan Sidebar saat ada di postpage

Untuk INFO kali ini spesial untuk pertemuan yang perdana kang mahfid akan share tentang cara menghilangkan sidebar saat kita ada di kolom postingan/post page caranya sangat lah mudah sekali kita hanya tinggal menambahkan kode berikut tepat di atas kode </head> berikut kodenya :

<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>
Coba sobat lihat text yang berwarna merah silahkan sesuaikan dengan sidebar sobat ,sedangkan untuk kode text berwarna biru adalah gabungan lebar antara #sidebar dan #main - wrapper sebagai contoh coba sobat lihat gambar di bawah ini :

Cara Hilangkan Sidebar saat ada di postpage
contoh sidebar template ini
Silahkan sobat lihat yang dilingkari merah itu adalah lebar /width,#main-wrapper,#lsidebar-wrapper,#rsidebar-wrapper,karena yang akan kita tampilkan hanya postingan blog saja secara otomatis lebar #main-wrapper yang semula lebarnya :500px maka jika sidebar akan di hilangkan maka lebarnya harus di tambahkan dengan lebar ke dua sidebar di atas maka jumlahnya menjadi :935px maka penulisan kode nya menjadi seperti ini :
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#lsidebar-wrapper{display:none}
#rsidebar-wrapper{display:none}
#main-wrapper {float:left;margin-left:10px;width:935px;}
.post{border-bottom:1px solid #807f7c;padding:5px;margin-bottom:15px;background:transparent url(#)no-repeat center}
</b:if>
</style>
Setelah selesai silahkan save template
NB : kode yang ada di atas adalah untuk template yang menggunakan 1 sidebar 
        Sedangkan kode yang kedua adalah untuk template yang menggunakan  2 sidebar  dan perlu sobat ke tahui bahwa kode yang ke dua  adalah sidebar milik template saya ini jadi jika sobat ingin mempraktekkan ke template sobat silahkan sesuaikan dengan sidebar template sobat sendiri

16 komentar:

Masnady mengatakan...

Dhiyas KN mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

budi os 19 mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...
Komentar ini telah dihapus oleh pengarang.
Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

Mahfid Mayanto mengatakan...

rxoroxr mengatakan...

Posting Komentar

Sobat sopan berkomentar Admin akan berkunjung balik ke blog sobat, link Aktif tidak berfungsi disini jadi jangan coba pasang