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 :

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

Read more »

Posted in: Trik

Buku Tamu

Terima kasih atas berkenannya sobat hadir di blog yang sangat sederhana,silahkan tinggalkan jejak di kotak komentar atau buku tamu yang sudah saya sediakan insya allah saya akan juga segera berkunjung ke blog sobat sebagai tanda terima kasih saya

Read more »

Posted in: Buku Tamu

Kode Warna Html Lengkap

Jika sobat berkeinginan untuk pasang Kode Warna secara lengkap seperti yang ada di postinga ini silahkan sobat pasang script nya kedalam postingan sobat sendiri berikut kode nya

<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"> <param value="High" name="quality"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"> <param value="high" name="quality"> <param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

Read more »

Posted in: kode warna