Cara Hilangkan sidebar Langsung Dari Postingan

: 02.54 12 comments

B
eberapa hari ini Kang :-bd sangat disibukkan dengan aktifitas di dunia nyata jadi agak pusing juga mikirin buat Update artikel karena gak sempat cari inspirasi lewat browsing,Nah dari pada gak ada inspirasi mending kang :-bd Share artikel ringan yaitu tentang cara Cara Hilangkan sidebar Langsung Dari Postingan ... 0:) lho memang bisa ya..? sebagai contoh nya silahkan lihat contoh artikel yang gak pake sidebar atau secara sengaja di hilangkan langsung dari postingan klik disini
Sebenarnya bukan sidebar saja sich,sobat juga bisa hilangkan kolom komentar,header,ataupun menu pada bagian footer,caranya sangatlah mudah sekali,yang perlu sobat katahui adalah lebar sidebar dan lebar main-wraper itu sendiri misal lebar sidebar:300px sedang lebar main-wrapper:600px maka secara otomatis nantinya jika sidebar di hilangkan lebar keseluruhan main wrapper adalah 900px ,oke setelah melihat keterangan di atas kini tiba saatnya kita terapkan triknya (ingat kode ini harus sobat taruh saat penulisan ada di HTML bukan Compose)
  1. Saat sobat selesai menulis artikel/atau postingan taruh kode di bawah ini tepat di bawah nya (ingat dalam bentuk html/not Compose berikut kode nya
  2. <style>#main-wrapper{width: 960px; float: left; margin: 0 10px 0 10px; word-wrap: break-word;overflow: hidden;}</style>
    <style>#related-posts{display:none;}</style>
    <style>#comment-form{display:none;}</style>
    <style>#comments{display:none;}</style>
    <style>#sidebar-wrapper{display:none;}</style>
  3. Lakukan Pratinjau terlebih dahulu apakah kode sudah berfungsi
  4. Jika kode sudah benar benar berfungsi silahkan publikasikan
INFO PENTING : silahkan sobat lihat text yang berwarna merah silahkan sesuaikan dengan lebar mainwrapper yang sudah di tambahkan dengan lebar sidebar yang di hilangkan .
Sedangkan untuk teks yang diseleksi warna pink adalah widget widget yang akan di hilangkan silahkan atur sendiri,silahkan bereksperiment dengan kode kode di atas jika ada kesulitan silahkan bertanya di kotak komentar semoga kang :-bd bisa membantu (wassalam)
UPDATE : ingat contoh di atas hanya rekomendasi saja bisa saja nama sidebarnya tidak sama seperti di atas jadi sesuaikan dengan nama sidebar sobat(terkadang ada juga yang kodenya kaya gini  rsidebar-wrapper )
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara Hilangkan sidebar Langsung Dari Postingan Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

12 komentar

Unknown delete 10 Maret 2013 pukul 08.22

udah lama saya tunggu update dari sobat ni,, oke sob,, coba diterapkan buat postingan saya selanjutnya,, thanks...

Unknown delete 10 Maret 2013 pukul 08.29

waduh,, gagal sob,, :(

Unknown delete 10 Maret 2013 pukul 14.10

apanya yang gagal sob saya lihat sudah berhasil

Masnady delete 10 Maret 2013 pukul 20.10

saya simpan dulu dech sobat... makasih tipsnya.. kapan kapan saya praktekin..

Unknown delete 10 Maret 2013 pukul 20.20

Bagus juga ini Mas untuk mempercantik tampilan posting ketika masing-masing artikel artinya sidebar tidak muncul tetapi hanya postingan saja yang muncul.

Unknown delete 10 Maret 2013 pukul 20.37

Betul sob silahkan coba coba dulu yang penting sobat harus tahu dulu jenis kode sidebar sobat biasanya kalau template 3 ,2 kolom sidebarnya berbeda beda jadi harus kenali dulu jenis sidebarnya tapi biasanya jenis nya kayak gini ,#sidebar-wrapper atau #rsidebar-wrapper bisa juga #lsidebar-wrapper... :Q

Unknown delete 10 Maret 2013 pukul 20.50

Silahkan sob :) :-bd

Djangkaru Bumi delete 10 Maret 2013 pukul 22.34

Meyimak dulu gan, semoga lain waktu bisa mempraktekan. maklum Postinganku masih paragraf/kalimat pendek.

Unknown delete 11 Maret 2013 pukul 01.04

Saya coba terapkan sudah berhasil mas pada salah satu blog percobaan, terima kasih ya ilmu yang baru saya dapatkan disini. Ijin save untuk memp[elajarinya lebih lanjut. Terima kasih

Unknown delete 11 Maret 2013 pukul 07.06

Silahkankan sob ...memang seharusnya berhasil sob karena trik ini tidak membutuhkan kode apapun hanya saja kita harus betul betul tahu nama kode widget yang akan di hilangkan..

Stiker Jalingkut delete 11 Maret 2013 pukul 20.09

wah kyaknya keren,ni mas bro silakan di minum kopinya kang mas bro heheh

Staff Administrator delete 11 Maret 2013 pukul 21.10

wah..ternyata ada triknya ya mas...
kira nya cocok ga ya mas buat template sy.. :)

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>