Create Full Width Page | Blogger | InfoTechBlogging InfoTechBlogging: Create Full Width Page | Blogger

Posted by Syed Muhammad Ali

If you are planning to make a full width contact page or other page on your blog then you have come to right place. Creating full width page is not difficult, you just need to add some codes to make a full width page

Check the Demo Below:

Follow the Below Steps to Create a full width page on Blogger

  • Create a New Blank Static Page
  • Now go to the Html section of the page
  • Paste the Below Code In the Html section of the page.

#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; }

  • Name your Page and Publish it and you will see a full width Page.

Note! Full width page will be created but the sidebar will not be removed as it will show below page but you can easily remove it.

Just Follow the Below Step to make a complete full width page

  • After Publishing Page, Open that page and Copy the Address of the Page (http:yourblog.com/p/page)
  • Now Again go to Blogger and Go to the Template section
  • Find or  and Paste the Below code Just Above it.
  • Now find the Closing tag of i.e
  • Paste the Below Code Just Below it

Congrats! You are Done. Now Sidebar would also be Removed from the Page.

  • Replace Page Address with your Page Address you have copied in above step.

If you feel any Problem while Create Full width page, Let us know by commenting Below

Follow Us!

About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter