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

Create a full page
So we talking about blogger since the "True Blogging Tricks" created and we provide maximum knowledge about blogger to our beloved users. Blogger blogs are fully customizable and you can also change your blogger blog design with your self. You can customize blogger template by your self very easily. When we visit someones blog we will see a header , sidebar , navigation bar etc. Whenever we visit a page or single post then we sidebar elements all together. But guys today i m gonna to share a simple trick about creating full page without sidebar. We can change our blogger page with dynamic one by using this trick. We will use some CSS codes in this trick to hide a sidebar and create a full page. But before applying this trick just click on "Demo" button to see a simple Demo.

Live Demo
  • Login to blogger account.
  • Create a new post or page.
  • Click on HTML and insert the below CSS code at the beginning of page. 
<style>.sidebar-wrapper, .page-header { display: none; }.main-wrapper { margin-right: 0; }.outer-wrapper { min-height: 0; }.status-msg-border { border: 0 none; }.vcard{display:none !important;}</style>
  • After that insert all your contents in page.
  • Then simply click on publish button and visit to your page you will see that there is no sidebar and page will be with its full width.
You can also apply this trick on pages and posts as well just click on HTML and just insert the above CSS code.

Tidak ada komentar:

Posting Komentar