In our last article, we learned how to create a jump link in a blogger post. So, today we will talk about how can you remove the sidebar from a blogger template from a specific post or page and take a full width for your article.
Why remove the sidebar from the blogger template?
Although the sidebar is good for blogger templates and all templates should have the sidebar. because the sidebars have ads and recent posts and labels and it looks good in the templates but in the case when we want to show a table or an image gallery at the full width of our page so we can remove the sidebar of blogger templates.
How can you remove the sidebar?
To remove the sidebar from a blogger template you should have to know the name of your template's sidebar that is in the coding. what you have to do just right-click on the page and click on "inspect" so after this the new side window will appear and now you have to find the name of your template's sidebar by clicking or hovering on the sidebar. Most of the blogger templates have the name of the sidebar as "sidebar-wrapper" and the left side as the "main-wrapper".
If these two names won't work so you should have to find the names of your sidebar through inspect element otherwise these names will work for you.
Example of code to remove the sidebar and use the full width of the page:
<style>#sidebar-wrapper{display: none;}#main-wrapper{width: auto;}</style>{codeBox}
Copy this code and go to the specific post or page where you want to remove the sidebar of your blogger template and go to HTML view and paste the above code on the top of your HTML code.
Output:
.jpg "How to remove sidebar from blogger template")
If you have any queries, So feel free to ask through comments or contact us privately.
Thank You!