And whenever, we visit any page of our blogger blog we see all the elements all the time. Whether you visit a tab page or a single post you'll see sidebar and footer etc altogether. Today I would like to share a trick with you guys about creating a full-width page in blogger without sidebars etc. We can change our static blog to a dynamic one by using this trick. We'll use few CSS properties to hide our sidebar and create a full page. How to Create a Page Having no sidebar? In order to add a page that don't have a sidebar; You'll use few codes of CSS. It shouldn't take you more than five minutes to finish the task. Now follow the steps below: Log-in to Blogger Create a New Page or Post While editing the page click the HTML Editor tab (Appears at top left) At the beginning of the page insert following CSS code: <style> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } </style> Now switch back to compose editor and edit your post/page as the way you want. When you insert all the content in that page; simply publish that. After publishing view that page on the browser, there won't be sidebar and page will be with its full width. Do you Like this post?if yes,please dont forget to share.Thanks
Home » Tutorials » How to Hide Sidebar in Blogger & create a full page
Thursday, 28 November 2013
How to Hide Sidebar in Blogger & create a full page
And whenever, we visit any page of our blogger blog we see all the elements all the time. Whether you visit a tab page or a single post you'll see sidebar and footer etc altogether. Today I would like to share a trick with you guys about creating a full-width page in blogger without sidebars etc. We can change our static blog to a dynamic one by using this trick. We'll use few CSS properties to hide our sidebar and create a full page. How to Create a Page Having no sidebar? In order to add a page that don't have a sidebar; You'll use few codes of CSS. It shouldn't take you more than five minutes to finish the task. Now follow the steps below: Log-in to Blogger Create a New Page or Post While editing the page click the HTML Editor tab (Appears at top left) At the beginning of the page insert following CSS code: <style> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } </style> Now switch back to compose editor and edit your post/page as the way you want. When you insert all the content in that page; simply publish that. After publishing view that page on the browser, there won't be sidebar and page will be with its full width. Do you Like this post?if yes,please dont forget to share.Thanks
Subscribe to:
Post Comments (Atom)
0 comments: Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.
Post a Comment