blog
Sesuai janji saya, saya akan membahas cara membuat halaman penuh tanpa sidebar. Sebenarnnya cara nya sangat mudah, akan tetapi itu apabila kita bisa memahaminya dan mengetahui kode-kode CSS di template kita. Coba kita memakai logika, apabila halaman penuh tanpa sidebar maka sidebar tidak akan di tampilkan, dan area postingan juga harus diperluas.


Cara Menghilangkan Sidebar

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}

Okey, Langsung saja ke tutorialnya:

  • Login ke Blogger
  • Klik Tata Letak
  • Pilih Edit HTML
  • Cari kode </head> (tekan CTRL+F pada keyboard untuk mempermudah pencarian)
  • Letakkan kode berikut diatas </head>


<b:if cond='data:blog.url == &quot;http://urlpostingananda.com/urlpostingananda.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.....

Posting Komentar

  1. Balasan
    1. copy aja code yg paling bawah di atas! dan taruh di atas kode < /head > Dan jangan lupa Ganti kode bewarna hijau dengan link forum anda, yg kuning ganti sesuai lebar blog anda, dan merah tidak usah, itu tergantung jenis sidebar blog anda!

      Hapus
  2. masbro, knpa di blog saya gk mau full.. padahal stepnya sudah saya ikuti dengan benar! mohon pencerahannya! thanks

    BalasHapus
    Balasan
    1. coba ganti kode #sidebar pake kode #sidebarright

      Makasih udah berkunjung!

      Hapus
  3. gan ane pingin yang di halaman utama / home aja yang full. gmn ya

    BalasHapus

Catatan:
1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
3. Kami usahakan membalas komentar anda secepat kilat!
4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

Salam Admin
Darma Jaya

 
Top