Friday, 14 February 2014

How to Create a Full Width Page and Remove Sidebar In Blogger?

Today all of us will learn some basic tricks and tips about how to create a full width page in blogger blog and remove its sidebar. Being a blogger user, sometimes you thought to create a full with page having no sidebar that looks more professional. You will often have a contact us page or about me page even though some of have advertise us page on their blog/ websites. So these are typical statics pages contains no more than bio data, web site information & advertisement programs. So today I come with a great post on how to create full width page in blogger blog and remove its sidebar to make it more professional and attracts a lot of visitors. So lets start the tutorial.




How to Create Page Without Sidebar?

This will work on both you can increase width for page as well as for post.
Just follow our below given steps:



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>
4. Replace width:98% according to your needs, you can even uses pixels instead of percentage i.e. 960px.

Additional Tips: If you want to exclude Titles from a certain page, then just paste the following code before </style> in above coding. Bots and crawlers will continue to fetch your Title, but human visitors will not view them because with the help of CSS we have concealed them.
.post-title, .post-labels, post-icons, post-author {display:none!important;}


5. Now Publish it and then visit your site to witness a perfect full width page without sidebar.

Final Touches:

You have learnt how to create full width page and remove whole sidebar from specific blogger post or page. Now It's your turn to share this post with your friends and write your feedback about this post in the comment box till then Peace, Blessings and Happy Creating.

2 comments:

  1. i've applied this to static pages, and the sidebars gone, but the post area is not increasing, is there any need of extra coding, to increase the width of post content area there??

    ReplyDelete