Wednesday, March 14, 2018

March 14, 2018
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 earn money online.......................................................................................>>>

Improve organic SEO rankings while EARN MONEY (0.05/0.10$) per view.......>>>

How to take screenshots in windows 10 : Different Methods?................................>>>

Free Bandwidth Monitoring Tools For windows PC?.............................................>>>

Abnormally high internet bandwidth usage, c-0001.c-msedge.net of window 10....................>>> 

How to Speed up Internet connection on Windows 10..............................................................>>>

How to Disable Automatic Updates in Microsoft Office 2016?.................................................>>>

How to Disable Automatic Updates in Microsoft Office 2016?..................................................>>>

How to Block Windows 10 "Spying"? ........................................................................................>>>

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

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

How to make your blog SEO friendly?........................................................................................>>>


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

Thank you for reading.
Good Luck.

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

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

amazon

 
Copyright © The WonderSpot All Right Reserved
Powered by Blogger