How To Remove Blogger Sidebar on Selected Page and Selected Blog Post

I actually came across this tutorial while I was looking for removal of blogger sidebar on a blog post not on a page but I think I having this kind of tutorial applied to pages is also helpful. That's I'm gonna be sharing to you guys right now. This tutorial is from Southern Speaker, you can check out the original post by clicking this link. Hope this helps. It is actually pretty simple, we just had to instruct our website to hide the sidebars once we open a specific page.

NOTES
- Just replace your_awesome_blogger_page_here to your selected page or blog post where you want to apply this effect.
- If you're planning to apply this hack on more than 1 page / post just go ahead and repeat the process. Unfortunately there is no shortcut for this.
- This post itself uses this hack.

Step 1. Proceed to Edit HTML then. Paste this code below </b:skin>

<b:if cond='data:blog.url == "your_awesome_blogger_page_here"'>
<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>