Sunday, 13 October 2013

Cara Menghilangkan Sidebar pada Halaman atau Postingan tertentu

12 comments

Sosial Media Blogs - Berawal dari kebingungan saya karena mengalami kesulitan ketika akan mengubah ukuran iframe Hasil Pencarian "Kotak Penelusuran Google Adsense" karena minimal lebarnya harus 795px. Sehingga mengakibatkan hasil pencarian melebar hingga menabrak tembok sidebar, karena lebar content saya hanya 650px.

Karena ingin agar hasil pencariannya juga rapi, saya mencoba mencari Cara Menghilangkan Sidebar pada Halaman atau Postingan tertentu, hingga saya dipertemukan dengan sebuah cara ampuh luar biasa yang berhasil membuat halaman saya sedikit terlihat lebih rapi. Ternyata tidak terlalu susah asal kita mengerti apa yang dimaksudkan.

Pada dasarnya sidebar dinyatakan dalam class sehingga bentuk deklaratornya adalah:.sidebar. Agar nanti tidak terjadi kegagalan ketika melakukan hack template, cari dan lihat terlebih dahulu apa deklarator sidebar pada template kalian. Pada kode-kode di bawah ini, saya akan menggunakan .sidebar sebagai salah satu contoh yang paling sering digunakan. Sesuaikan dan ganti dengan apa yang ada di template Blogger kalian.

Menyembunyikan Sidebar Di Seluruh Halaman Posting Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting, copy kode berikut n letakkan di atas tag penutup </head>.
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.sidebar {display:none;}
</b:if>
</style>
Menyembunyikan Sidebar Di Satu Halaman Posting Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:
<b:if cond='data:blog.url == &quot;http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.html&quot;'>
.sidebar {display:none;}
</b:if>
</style>

Menyembunyikan Sidebar Di Seluruh Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar{display:none;}
</b:if>
</style>
Menyembunyikan Sidebar Di Satu Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:
<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://sosialmed.blogspot.com/p/hasil-pencarian.html&quot;'>
.sidebar {display:none;}
</b:if>
</style>
Menyembunyikan Sidebar Di Seluruh Halaman Posting & Halaman Statis Blogger
Jika ingin menyembunyikan/tidak menampilkan sidebar pada seluruh halaman posting dan halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar {display:none;}
</b:if>
</b:if>
</style>

Menyembunyikan Sidebar Pada Beberapa Halaman Tertentu Blogger
Pasti akan muncul pertanyaan, bagaimana menyembunyikan sidebar pada beberapa halaman tertentu saja dan tidak diatur secara umum? Tentu tiada yang mustahil ketika kita mau berusaha.
Sebagai dasar tambahan untuk mengatur pada bagian halaman tertentu (memberikan pengecualian atau "pengistimewaan") , digunakan tag seperti ini:
<b:if cond='data:blog.url == &quot;url&quot;'>
</b:if>
Oleh karena itu kita dapat menggunakannya untuk memberikan aturan khusus pada beberapa halaman tertentu sekaligus dengan menambahkan pasangan-pasangan tag seperti di atas secara individual. Setiap halaman memiliki tag-nya sendiri. Sehingga jika ingin menghilangkan sidebar dari beberapa halaman Blogger, selalu tambahkan tag seperti di atas dengan masing-masing url-nya (baik url halaman posting atau halaman statis). Contoh (copy, edit, dan tambahkan atau kurangi tag berwarna merah tua sesuai dengan jumlah halaman yg diinginkan):
<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.html&quot;'>
<b:if cond='data:blog..url == &quot;hhttp://sosialmed.blogspot.com/p/hasil-pencarian.html&quot;'>
<b:if cond='data:blog..url == &quot;;http://sosialmed.blogspot.com/2013/10/cara-menghilangkan-sidebar-pada-halaman.html&quot;'>
.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>
Berdasarkan hasil pelaksanaan yang sudah saya lakukan pada blog saya ini Sosial Media Blogs, semua trik di atas berhasil dan  memberikan hasil yang maksimal.

Sebagai Tips Tambahan, sebenarnya tidak hanya sidebar saja yang dapat dihilangkan, namun semua class tertentu dapat dihilangkan asalkan kita mengetahui nama classnya. Misalnya saja, pada blog saya ini, class yang saya hilangkan adalah .sidebar-wrapper, yaitu sidebar sebelah kanan blog. Sehingga pada kode yang dimasukkan, .sidebar cukup kita ganti dengan .sidebar-wrapper. Begitu juga untuk class lainnya seperti footer, widget, dan sebagainya. Semua dapat dipelajari dalam template kalian.


......


Demikian yang dapat saya sampaikan pada kesempatan kali ini, saya pribadi mohon maaf jika ada informasi atau penulisan yang salah, atau segala hal yang kurang berkenan di hati pembaca yang budiman. Segala bentuk koreksi dari pembaca yang budiman adalah masukan dan penghargaan bagi saya... Segala bentuk kelebihan datangnya dari Allah SWT,
Wallahu a'alam bishawab... Semoga Bermanfaat...

Referensi : Buka Rahasia

Ditulis Oleh : Unknown

Jazakumullahu khairan katsiiraa. Terimakasih atas kunjungan Pembaca yang budiman karena telah membaca artikel Cara Menghilangkan Sidebar pada Halaman atau Postingan tertentu. Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Anda boleh menyebarluaskan atau mengcopy artikel Cara Menghilangkan Sidebar pada Halaman atau Postingan tertentu ini jika memang bermanfaat bagi anda, namun jangan lupa untuk mencantumkan link sumbernya. Terima Kasih, Salam Blogger! :)
Comments
12 Comments

12 comments:

  1. euh mantap gan inilah tutor yang selama ini saya vari
    thanks atas infonya

    ReplyDelete
  2. euh mantap gan inilah tutor yang selama ini saya vari
    thanks atas infonya

    ReplyDelete
  3. sukses gan, saya terapkan di blog yang di blogcepot gan,

    ReplyDelete
  4. thanks postingannya ^^. membantu sekali

    ReplyDelete
  5. Mengapa kami baru menemukan di blog ini, sungguh sayang sekali karena selalu ada artikel yang menarik dan berkualis seperti ini? salam sukses

    ReplyDelete
  6. lengkap sekali tutorialnya..
    thanks sob..

    ReplyDelete
  7. Maksih bnyak infonya gan,, skrg saya jga sdg ksulitan mengatasi msalah yg dmikian...

    ReplyDelete
  8. Bang...minta tlg donk, sidebarku pake multitab, penginnya sidebar gak muncul di halaman statis, tp kenapa ya pas pake cara diatas,judul multitabnya ttp nongol? Solusinya bang...Tks

    ReplyDelete
    Replies
    1. Soalnya itu bukan judul widget gan, jadi kalau mau diilangin ya lewat edit HTML

      Delete
  9. Berhasil, sidebar hilang bos, tapi jadi ga full width, giaman ya bisa bisa full width?

    ReplyDelete
  10. Biar cuma sidebar left doang yang ilang gimana gan?

    ReplyDelete

Komentarlah dengan Bijak dan Santun

.