This post is tips and tricks and a complete tutorial to hide the sidebar in the pages of Blogger / Blogspot blog. For Buddy Bloggers who feel uncomfortable or want sidebar is not displayed on a particular Blogger page, either on the static page or on the post page, you can try to use this trick.
However, it should be noted that the trick of Hide blogger sidebar requires a little understanding of templates, especially in searching for CSS declarators in the Blogger XML template page, as not all templates have the same declarator depending on how the template creator designed it. But the average declarator uses English to call it. Just how to look for that is almost similar to a declarator that I will examples later .. But do not worry, I will try to explain as clearly as possible. All Right? Ready?
Search for Sidebar CSS Declarator
Basically the sidebar is expressed in the class so that the declarator form is: .sidebar. So that there will be no failure when hacking template, search and see first what is sidebar declarator in template buddy. In the code below, I will use the .sidebar as one of the most frequently used instances. Customize and replace with what's in your Blogger template.
Hiding Sidebar In All Blogger Post Pages
If you want to hide / do not display the sidebar on the posting page, copy the following code n place it above the closing tag </ head>.
<style type='text/css'>Hiding Sidebar On One Blogger Post Page
<b:if cond='data:blog.pageType == "item"'>
.sidebar {display:none;}
</b:if>
</style>
If you want to hide / do not display the sidebar on the post page:
<b:if cond='data:blog.url == "https://webmasterseo3.blogspot.com/2017/10/hide-sidebar-on-blogger-pages.html"'>Hiding the Sidebar In All Static Pages Blogger
.sidebar {display:none;}
</b:if>
</style>
If you want to hide / do not display the sidebar on a static page, copy the following code n place it above the closing tag </ head>.
<style type='text/css'>Hiding the Sidebar On One Blogger Static Page
<b:if cond='data:blog.pageType == "static_page"'>
.sidebar{display:none;}
</b:if>
</style>
If you want to hide / do not display the sidebar on the post page:
<style type='text/css'>Hiding the Sidebar In All Pages Posting & Static Pages Blogger
<b:if cond='data:blog.url == "https://webmasterseo3.blogspot.com/2017/10/hide-sidebar-on-blogger-pages.html"'>
.sidebar {display:none;}
</b:if>
</style>
If you want to hide / not display the sidebar on all post pages and static pages, copy the following code n put above the closing tag </ head>.
<style type='text/css'>Hiding Sidebar On Specific Pages of Blogger
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
.sidebar {display:none;}
</b:if>
</b:if>
</style>
Surely the question will arise, how to hide the sidebar on certain page pages and not set in general? Can it? The answer: CAN !!
As an additional basis for arranging on specific page sections (providing exceptions or "privileges"), use tags like this:
<b:if cond='data:blog.url == "url"'>Therefore we can use it to provide specific rules on certain pages at once by adding tag pairs as above individually. Each page has its own tag. So if you want to remove the sidebar from some Blogger pages, always add the tag as above with each url (either post page url or static page). Example (copy, edit, and add or subtract dark red tags according to the number of pages you want) :
</b:if>
<style type='text/css'>Yup, that's a little trick about hiding the sidebar on the Blogger page. You can modify it in such a way that it can apply for more. Furthermore I will also keep posting about "stealth" on other occasions. If there are difficulties, feel free to leave your comment below. Keep on learning and learning!
<b:if cond='data:blog.url == "https://webmasterseo3.blogspot.com/2017/10/hide-sidebar-on-blogger-pages.html"'>
<b:if cond='data:blog..url == "http://buka-rahasia.blogspot.com/p/Profile.html"'>
<b:if cond='data:blog..url == "http://buka-rahasia.blogspot.com/p/About.html"'>
.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>
Write markup in comments
- To write letters bold using
<strong></strong>or<b></b>. - To write letters italic using
<em></em>or<i></i>. - To write letters underline using
<u></u>. - To write letters strikethrought using
<strike></strike>. - To write HTML code use
<code></code>or<pre></pre>or<pre><code></code></pre>, and please parse code in the parser box below.
Choose the Comment System