Remove Sidebar on Selected Pages Blogger

How to Remove or Hide Blogger Sidebar on Single Page/Post to Maximize Main Width. 

Menghapus atau menyembunyikan sidebar di halaman posting blog dan/atau halaman statis blog blogspot.

Sidebar hanya muncul di halaman depan, homepage, beranda, atau home. Sedangkan di halaman dalam, halaman tulisan, sidebarnya ngumpet alias ngilang.

Ini dia caranya:

Find for </b:skin> - Paste the following directly below </b:skin> - Change the address inLine 1 to the address of your page.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<b:if cond='data:blog.url == "http://yoboy-testblog7.blogspot.com/p/bla-bla.html"'> <style> .main-inner .columns { padding-left: 0px !important; padding-right: 0px !important; } .main-inner .fauxcolumn-center-outer { left: 0px !important; right: 0px !important; } .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer { display: none !important; } </style> </b:if>

If you want to apply the tweak to all of your pages, instead of addressing the page one by one, use the following code:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<b:if cond='data:blog.pageType == "static_page"'> <style> .main-inner .columns { padding-left: 0px !important; padding-right: 0px !important; } .main-inner .fauxcolumn-center-outer { left: 0px !important; right: 0px !important; } .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer { display: none !important; } </style> </b:if>

To apply the tweak to all your post-pages (the page that opens when you click on the title of your post), which might not be a good idea, use the code below:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<b:if cond='data:blog.pageType == "item"'> <style> .main-inner .columns { padding-left: 0px !important; padding-right: 0px !important; } .main-inner .fauxcolumn-center-outer { left: 0px !important; right: 0px !important; } .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer { display: none !important; } </style> </b:if>

Code Source:

http://www.southernspeakers.net/2011/04/remove-blogger-sidebar-and-maximize.html

http://www.widgetgenerators.com/2012/11/how-to-hide-sidebar-header-in.html