Menghilangkan widget atau Sidebar di Mainpage Blogger

Sebenarnya ini sudah banyak yang tau namun karena banyak yang menanyakan maka saya sharing saja disini. Saat anda mengklick salah satu judul postingan maka beberapa widget atau sidebar hilang. Bagaimana caranya? Ini adalah cara menyembunyikan atau menghilangkan sidebar atau dalam bahasa inggris disebut how to hide or remove sidebar in blogspot.

Caranya Menghilangkan widget

1. Login ke dashboard anda klik Edit HTML

2. Copy lalu paste code dibawah ini tepat sebelum code </head>
<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML5{display:none;}
</style>
</b:if>
#HTML5 adalah id widget  yang ingin anda sembunyikan. Anda juga bisa merubah besar kecil huruf atau gambar background sehingga berbeda dengan mainpage atau bagian home dari blog anda. Ini bisa kita lakukan dengan menambahkan langsung pada code diatas sehingga menjadi seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML5,{display:none;}
#main-wrapper{width: 95%; float: none; margin: 0 auto;}
</style>
</b:if>
Pada code diatas yang saya rubah adalah ukuran  #main-wrapper .

Kalau anda ingin menyembunyikan salah satu gadget atau sidebar pada halaman utama , misalkan menyembunyikan footer anda maka code di atas diganti menjadi:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#footer-wrapper{display:none;}
</style>
</b:if>
Jangan lupa Save template anda silahkan dilihat hasilnya code ini akan membuat blog anda lebih dinamis dan cantik, bisa dikombinasikan mana yang muncul di halaman utama dan mana yang tidak, selamat mencoba.
Sharing artikel diatas kepada teman Silahkan berlangganan artikel via email
Tweet This twitter facebook facebook google plus google rss feed rss

23 comments:

  1. Halo, kalau tidak salah anda punya blog.
    Saya sudah follow blog ini di Google Friend Connect.

    multibrand.blogspot.com

    ReplyDelete
  2. @multibrand wah ternyata multibrand mase aktif blogwalking walaupun blogna karang uda terkenal pake adsense lg

    ReplyDelete
  3. wah mantabp ki infonya, tambah ilmu lagi, bsk kpn2 dicoba mas

    ReplyDelete
  4. @dino Ok boss dicoba dulu biar blognya lebih mantap..

    ReplyDelete
  5. nice info mas ^^ v sy udah ga ngubek2 blogger lg hehhehhe ^^

    ReplyDelete
  6. haloo Bro apa kabar! he he he! kemarenan nih website Down server yah! ane kunjungin! kaga bisa!! he he he! mantab! keep on tutorial he he caayooo!! bro

    ReplyDelete
  7. @depalpiss :biasa DNS gratisan hehe

    ReplyDelete
  8. ooo, O iya ane pernah bikin ttg related post di bawah postingan silahkan cek di piss-blogger.blogspot.com/2010/01/membuat-related-post-di-halaman-single.html

    ReplyDelete
  9. @piSS-bloGGer Thanks Boss makasi infonnya

    ReplyDelete
  10. thnks ya bro... BERHASIL JUGA.

    ReplyDelete
  11. sama2 boss...muda2han bermanfaat

    ReplyDelete
  12. gan, caranya terlalu rumit. taruh aja kode sebelum widget dan setelah section kasih kagak usah ngatur ato rubah2 css

    ReplyDelete
  13. Sebetulnya tidak terlalu rumit bagi kami..tapi sudah dicoba berulang ulang tidak ada yang berhasil.. Mohon bantuannya Klik Disni

    ReplyDelete
  14. Thanks Infonya gan

    ReplyDelete
  15. thanks banget gan.. ijin kupas..
    http://alam-perwira.blogspot.com/

    ReplyDelete
  16. makasi buat tutorialnya... great blog..salam kenal.

    ReplyDelete
  17. info yg bagus... trims ya

    ReplyDelete
  18. haduuh kayaknya ruwet sekali ya gan..okelah nyimak aja ya gan kalo dah paham nnt bru di terapin

    ReplyDelete
  19. Thanks infonya gan :)

    ReplyDelete