Sunday, February 7, 2016

Can You Remove Sidebar and Have Full-Width for Specific Pages in Blogger?

The answer is, YES!  Thanks to the experts at MYBLOGGERLAB, there is a tweak available that involves CSS code placement in the HTML mode of the specific page or a post. Designers don't even have to tinker with the TEMPLATE, the LAYOUT or the EDIT HTML function.

For the complete details, see ...

mybloggerlab.com How To Create a Full Width Page and Remove Sidebar in Blogger

Here is their excellent code addition for modification of specific pages to full-width:

1. Go to Blogger.com >> Add NEW Page/Post
2. Now select HTML TAB on Blogger Post Editor
3. Paste the following CSS and XML Code:

<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>

If you want to use pixel width, you can replace "width:98%" with width:1000px"  -- for example.

If you don't want the page title displayed -- for example, if it takes up space or is redundant -- you can use the following code.

.post-title, .post-labels, post-icons, post-author {display:none!important;}



Full width in specific pages or posts is useful for publishing embedded spreadsheets, large maps, or large pictures or embedded YouTube videos.