Sidebar Berpindah dan Menghilang

Tidak terasa, tadi malam puasa ramadhan kita telah memasuki hari ke 21. Ini tentu menjadi kesempatan kita untuk berlomba-lomba dalam beribadah dan menambah  kebaikan, dengan penuh harap mendapatkan malam yang lebih baik dari seribu bulan. Kali ini saya membahas topik yang cukup serius dan membingungkan, saya sendiri juga masih bingung *loh. Tapi supaya ilmu tidak langsung menguap seperti air maka mem-postingnya di blog ini. Walaupun saya juga sering tidak berhasil dalam otak-atik kode html, tapi bagi saya kegagalan membuat diri kita menjadi maju dan semakin baik kedepannya.

Coba sobat liat sidebar blog forantum ini (sidebar adalah kolom di samping kanan dan kiri area postingan atau tempat widget di samping postingan). Sobat pasti bertanya-tanya kenapa tampilan antara homepage dan postingan berbeda, sidebar kirinya bisa hilang, berpindah dan berubah?. Nah trik dibawah ini adalah yang saya gunakan. Tentu digabungkan dengan trik sebelumnya yaitu Widget tidak tampil di homepage dan Widget hanya tampil di homepage. Intinya kita hanya menggunakan kode html IF atau JIKA.

Untuk Membuat Sidebar Berpindah:
Tambahkan css berikut ini di atas ]]></b:skin>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    #main-wrapper{float:left;}
    #sidebar-wrapper{float:right;}
    </b:if>

Penting: kode #main-wrapper dan #sidebar-wrapper berbeda-beda pada setiap template, jadi tolong disesuaikan.

Yang berwarna merah adalah menunjukkan posisi dari area postingan dan area sidebar Anda. Baris pertama script menunjukkan sarat bahwa css tersebut hanya dipanggil untuk halaman postingan.


Membuat Sidebar Menghilang
Agar sidebar menghilang kita tinggal mengganti sedikit kode yang ada di tengah menjadi:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    #main-wrapper{float:left;}
    #sidebar-wrapper{
display: none !important;
    </b:if>

Penting: kode #main-wrapper dan #sidebar-wrapper berbeda-beda pada setiap template, jadi tolong disesuaikan.

Semoga bermanfaat....

Sumber: Mas Doyok I Themasdoyok.com

13 komentar:

  1. Informasi tentang "Sidebar Berpindah dan Menghilang" sangat bermamfaat buat saya.
    Terima Kasih

    BalasHapus
  2. terima kasih agan buat tutorial ini, sangat bagud bila diterapkan di blog kita

    BalasHapus
  3. kenapa sidebar kiri blog saya hanya bisa tampil di homepage dan tidak kelihatan di halaman posting? padahal saya pengen semua widget pada sidebar kiri dan kanan tampil di semua laman tanpa kecuali. Mohon dibantu Mas! silakan liat blog saya www.matapelajaranski.com

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.