Membuat Forum Halaman Penuh Tanpa Sidebar di Blog -  Selamat siang sobat2 blogger , share lagi nih . Oh ya posting kali ini saya terinspirasi dari aktivitas saya blogwalking di blog tetangga . Ituloh dimana forumnya tampil dengan halaman penuh tanpa sidebar , menarikkan? .

            Untuk mengaturnya caranya sangatlah mudah , hanya dengan memahami kode2 CSS di template Sob .

Cara Menghilangkan Sidebar di blog

Kode di setiap template berbeda-beda, saat ini saya menggunakan contoh kode template minima atau template default milik blogger. Untuk menghilangkan sidebarmenggunakan kode dibawah ini:
#sidebar{
display: none !important;
}

Kode yang berwarna hijau itu bisa berbeda-beda, anda harus mengatahui mana kode CSS sidebar di template blog sobat sendiri. Apabila di blog karena sebagian orang memliki dua sidebar yaitu sidebar kanan dan sidebar kiri memakai kode seperti ini:
#sidebar-leftwrap{
display: none !important;
}
#sidebarright{
display: none !important;
}

Nah, sobat harus mencari kode sidebar template sendiri, cari saja kode yang hampir mirip.

Cara Memperlebar Area Posting

Apabila sidebar tidak ditampilkan, maka halamanya akan kosong sehingga area postingan sebaiknya di perluas. Sama-dengan yang saya terangkan diatas, kodenya bisa berbeda-beda. Ini kode untuk memperluas area postingan pada template minima atau template standar dari blogger:
#main-wrapper{
width: 640px;
    }

Nah, kode yang berwarna kuning itu bisa berbeda-beda pada setiap template, sedangkan kode yang berwarna kuning itu harus di ubah sesuai dengan ukuran halaman template blog sobat.

Apabila di template darmasite ini kodenya seperti ini:
#main .Blog{margin:0 5px;padding:0;width:985px}

OK kita langsung ke step2nya:
1.      Login ke Blogger > Template > Edit HTML
2.      Cari kode </head> (tekan CTRL+F pada keyboard untuk mempermudah pencarian)
3.      Anda letakkan kode berikut diatas </head>

<b:if cond='data:blog.url == &quot; http://anaktimor-17.blogspot.com/2012/01/http://anaktimor-17.blogspot.com/2012/02/cara-membuat-link-bergoyang-saat.html &quot;'>
    <style>
#sidebar{
display: none !important;
}
    #main-wrapper{
width: 640px;
    }
    </style>
    </b:if>


Keterangan:
Ganti kode yang berwarna hijau dengan alamat postingan sobat dan ganti kode berwarna kuning dengan lebar blog atau lebar halaman blog sobat sendiri.

Lalu simpan. apabila tidak ada pengaruhnya maka mungkin kode template sobat berbeda, silakan coba ganti kode yang berwarna merah sesuai dengan kode CSS template sobat. Semoga berhasil.....

Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar