Wednesday, February 5, 2014

Hide sidebar in all static pages of blogger blog

It has been a common problem for many bloggers to hide a particular sidebar from their blog template,  we generally come through this kind of problem when we customize our template for a better look and feel, initially i was also in trouble for making my left sidebar hidden in the static pages. But somehow i managed to do that and finally hide that out. So today i want to share that with you, hope you will like this tutorial.

Follow the following steps
1) First you need to find out proper address of your sidebar it may be sidebarright, sidebarleft whatever. It depends on your template.
2) Go to Template----Edit HTML-----Expand Widget Templates
3) Now search for the code ]]></b:skin> by pressing Ctrl+F
4) Then add the following codes just bellow ]]></b:skin>


<b:if cond=data:blog.pageType>
<style>
.sidebarleft,.footer {display:none;}
#main-wrapper{width: 66%;float:left; margin: 0 auto;}
</style>
</b:if>

You need some customization in the highlighted line, read the following note
Note: In my case i want to hide a sidebar with a address name sidebarleft, it depends on your own sidebar address if it is some XYZ then replace .sidebarleft with .XYZ and if you want only sidebar to hide and footer to show then remove .footer from the codes.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.