How to Hiding Sidebar in Post Page? - The WonderSpot

Home Top Ad

Post Top Ad

Latest Posts

Wednesday, March 14, 2018

How to Hiding Sidebar in Post Page?

How to Hiding Sidebar in Post Page?

How to Hiding Sidebar in Post Page?
Hello my friends,
Today let discuss about How to Hiding Sidebar in Post Page in blogger.

Did You want to hide your side bars in Blogger blog post page & display post in full width? Show Slide bars only in Main page or Homepage in blogger. Then you can follow that method. With that method displaying functions in your Blogger home page like, Header, Posts, sidebar, footer will be invisible in post pages after just one click on any post. Then you can display post in full width.
However, that method is not recommended for 100% for your blog. Because if you are using absence or other earning method then that will be cause to reduce your income earning by displaying ads which placed in side bars.

For do that magic trick we use conditional tags. By using that conditional tags, we can do that easily. Also you can display wide images with full width related post widget. Both default & Custom blogger template user apply that method. But method can be different upon your blogger template.
So, let see how to Hiding Sidebar in Post Page?

1.For Default Blogger(classic)template users,

If still you are using Default blogger templates (Classic themes) you can easily follow below steps. However, we recommend you to using Custom blogger template. Then you can get more advantages. 


  Step01. Log into your blogger Account
 
  Step02. Click on Blogger Dashboard

  Step03. Click on Template -->>Edit HTML

  Step04. Now find </b:skin> inside the HTML (simply you can do it by Pressing CTRL+F then type </b:skin>, hit Enter button)

  Step05. Copy below code & Paste code “after or below” </b:skin>.

<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>

 Step06. Click Save & save your template.



2.For Custom Blogger template users.

If you are using Custom blogger template now it’s your turn. But my friends there are some problem with Custom blogger template code. May be you know that all Blogger designers are not using same words when they are coding that template. As the example Some designers use main-area or other words behalf of main-wrapper. So it’s your own job to find out exact code when you are changing. So let see how to change your template to hide your side bars,


  Step01.  Log into your blogger Account
 
  Step02.  Click on Blogger Dashboard

  Step03.  Click on Template -->>Edit HTML

  Step04.  Now find </b:skin> inside the HTML (simply you can do it by Pressing CTRL+F then type </b:skin>, hit Enter button)

  Step05.  Copy below code & Paste code after or below </b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#main-wrapper .post {
padding-left: 1px !important;
padding-right: 1px !important;
}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }
#sidebar-wrapper,#sidebar-wrapper .left,#sidebar-wrapper .right, #midsidebar-wrapper .post-header-line-1, .post-footer{
display:none !important;
}
</style>
</b:if>



Step06. Click Save & save your template.


Ok. That’s it. Now check your Blogger site and see. Everything including side bars must be showing on homepage but after you are entering to the post page then that side bars going to disappear and your blog post page is full width.
Ok friends, I think you have a better idea about How to Hiding Sidebar in Post Page in blogger.


How to use conditional tags??



For more reading THEWONDERSPOT
......................................................................................................................
EMoneySpot  -  Earn with us....................................>>>



How to start a Blog?...........................................>>>

How to Choose the Best Blogging Platform, advantages & disadvantage......>>>

All in one SEO pack for Blogger blog.................>>>

Thank you for reading - How to Hiding Sidebar in Post Page?
Good Luck.

Don’t forgot to Subscribe us to get latest news letters and give your feedback in below comment section ;-) ;-)

No comments:

Post a Comment

Thank you for visit us.
Give your feedback. Don't worry. Your email is safe with us.
Subscribe us to get latest news letters for your inbox.

Post Top Ad

Your Ad Spot