Howi.In

Single Line Code to Hide The Sidebar of Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-X0hKqSs7Okk/VTqHiMCvvSI/AAAAAAAAGmM/XSMuZYiKFQ0/s1600/Hide%2BYour%2BBlogger%2BBlog%2BSidebar%2BWith%2Ba%2BSinle%2BLine%2BOf%2BCode-min.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Hide Blogger Blog Sidebar" border="0" src="http://1.bp.blogspot.com/-X0hKqSs7Okk/VTqHiMCvvSI/AAAAAAAAGmM/XSMuZYiKFQ0/s1600/Hide%2BYour%2BBlogger%2BBlog%2BSidebar%2BWith%2Ba%2BSinle%2BLine%2BOf%2BCode-min.png" title="Hide Blogger Blog Sidebar" /></a></div>
<h2 style="text-align: left;">
Introduction :</h2>
<div>
When we visiting some of the Blogger blogs , We can see that some of the pages may appear without Sidebar , They just look like a Plain Html Page along with the Header and Footer of the blog . This is because they just hide the sidebar of the Blogger blog . But when i checked on the Blogger control panel for hiding the sidebar , I found nothing . Because there is no such kind of option in Blogger control panel . But after a great research on the internet and discussion with Blogger friends i just found a simple line of code which will help to hide or remove the sidebar from our Blogger blog .  </div>
<h4 style="text-align: left;">
How to Hide or Remove The Sidebar of My Blogger Blog :</h4>
<div>
It is very easy to hide or remove the sidebar of your Blogger blog with a single line of code , To do this you have to open your Blogger dashboard and follow the steps that given below this paragraph .</div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Enter to the blog which you want to hide "<b>Sidebar</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Enter to the "<b>Page Section</b>" and "<b>Edit</b>" the Page .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now click on the "<b>Html</b>" Tab .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now Paste the "<b>CSS Style</b>" code which showed below at "<b>Header</b>" .</span></li>
</ul>
<pre class="brush: js;"><style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style></pre>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Now click on the "<b>Update</b>" Button .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">You are <b>Done</b> .</span></li>
</ul>
<div>
You can use the same code to hide the Sidebar of your Blogger blog Post's . Remember that , Hiding of Blog Post's Sidebar will cause your Crawling , Because all Blogger Blogs archives are on the Sidebar , If your Blogger Blog archive is not at the Sidebar then you can remove the Sidebar as per your like .<br />
<h4 style="text-align: left;">
Suggested Article For Blogger Bloggers :</h4>
</div>
</div>
<div>
<ul style="text-align: left;">
<li><a href="http://www.howi.in/2015/04/setup-cloudflare-cdn-for-blogspot.html" target="_blank">Setup CloudFlare CDN For Your Blogspot Blog .</a></li>
<li><a href="http://www.howi.in/2014/11/how-to-schedule-blogpost-on-blogger.html" target="_blank">Schedule Blogpost Time and Date on Blogger Blog .</a></li>
<li><a href="http://www.howi.in/2015/04/increase-blog-speed-using-google-page-speed-tool.html" target="_blank">Increase Your Blogger Blog Speed Using Google Page Speed Tool .</a></li>
<li><a href="http://www.howi.in/2015/04/advanced-search-engine-optimization.html" target="_blank">Advanced Search Engine Optimization Tutorials .</a></li>
</ul>
<div>
I hope this tutorial helped you very much , If you have any doubts related to this article , Please let us know by using the comment box given below . Thanks</div>
</div>
</div>

Single Line Code to Hide The Sidebar of Blogger Blog

Introduction : When we visiting some of the Blogger blogs , We can see that some of the pages may appear without Sidebar , They just l...

+ Read more »