Friday, 26 April 2013

Tagged under: , ,

How to Create a Full Width Page & Remove Sidebar in Blogger

Create Full width page in blogger blog
Hi friends today we will learn some basic tips and tricks about how to create a full width page in blogger blog without sidebar. Being a blogger user's sometime you must be worried about & tried several times on this mechanism but not successful its indeed a very interested & passionate factor of Blogger bog. Why ?. Let me clear. You might have a contact us page or about me page while some of have advertise us page on theirs blog/ websites. So these are all statics pages contains only about bio data, blog information & advertisement programs. These pages are mostly not dealing with Search Engine this will only all about the blog administrative team. So we will give it some professional designing to make its perfects looks for viewers & our loyal readers. By removing the sidebar it bring beauty in these certain pages. So the today article is summarize about how to create full width page in blogger to increase the page size in blogger.


Top 5 web designing Websites

Why People Remove Sidebar by Increasing The page Width ?

Every webmaster & blogger wants to keep neat, clean & give a perfect with professional designing to theirs Blog websites. The more you keep awesome blog & eye catchy designing template the more you will get & collect the attentions of thousands of viewers. They will love your blog template & will re-visits again and again.So we are advising never ignore a mini tricks even if its help in make & give a little designing to your blogger blog. So this was also a mini tricks to remove the sidebar but it will surely give a professional design to your blogger blog. Always keep professional designing for your readers.

How to remove sidebar & Increasing the Page width in Blogger ?

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

  • Go to Blogger Dashboard:
  • Select The Page or Post you want to increase its width:
  • Inside Editors Click Html Tab & past the Below given 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>

  • See the screen shots for better understanding:

Create Full width page in blogger blog

  • Finally Save or Update your page & you done almost:
  • You may check my blog contact page: 
  •  
     










31 comments:

  1. What an Idea Sir Ji.. :P
    Great tutorial I have found ever.. Keep it bro.

    ReplyDelete
    Replies
    1. Thanks Ankit For your Appreciations.

      Delete
  2. Great sharing Hafeez Khan this sure help a lot

    ReplyDelete
    Replies
    1. Yes Bro thats truly awesome for statics pages. I have personally implemented this on my blog. Thanks Awais Ahmed be around with PBT.

      Delete
  3. very nice, dear
    in css important tag very important

    regards from shayrikiduniya.com

    ReplyDelete
    Replies
    1. Hi Truly said bro. Keep in touch with PBT. see you soon

      Delete
  4. Wow Its Really Awesome Yar Thank You for Sharing I am Searching About This Trick So many Time But Finally I Got It Today

    Regards From Tips [N] Tricks 4 [F]un

    ReplyDelete
    Replies
    1. Thanks Akhil to see you here after long time. You are blog is growing now. be happy & happy blogging!)

      Delete
  5. awesome trick to increase page width we can use it like 404 error page in blogger
    Blogging tips and tricks

    ReplyDelete
    Replies
    1. Yes Shakeel Bro you are right most of bloggers use its for 404 page. Its looks professional & well suited for such pages. Thanks once again.

      Delete
  6. Hi hafeez khan Plz Check this Top 10 Free Best Premium Blogger Templates Of 2013 your article is matching words what is this inform for IBT and don't republishing. Cheers:) www.mybloggerstricks.com

    ReplyDelete
    Replies
    1. Khan Bahi May you live Long. Budle of thanks to you that you inform me about this fact. How you find thats my post there.? ... We will soon report to DMCA to remove our post from. imtiazblogtricks.com.
      He has copyrighted our posts without any permission.

      Thanks Khan Bahi for saving PBT. You become a loyal reader with PBT. keep eyes on PBT in future.

      Thanks Man for this great work.

      Delete
  7. how about in new template blogger ?
    i cant't found sidebar-weaper, in new template from blogger like simple, picture windows, awesome inc, etc.

    thanks for your sharing.

    ReplyDelete
    Replies
    1. Bro we have already shared a code just past that in editor thats is.

      Delete
  8. Hi,
    Thanks for the great tip!
    Do you know of any codes to add to your template HTML so that you don not have to add this to every post?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  9. Great blog post sir,i have used your trick in my site.Thanks for sharing.

    ReplyDelete
  10. but how to make it in every post except in HOME page ....


    sirf HOME PAGE k alaava mujhe har ek post & page ka full width page karna he to kkaise ??

    ReplyDelete
  11. How come this did not work for me...? Seems so simple!

    ReplyDelete
  12. Thank you Its help me to post full page proxy list on my blog Check it My post
    Free Proxy List / Proxy Server Live Update 2014

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. I could give you a "kiss" luckily I'm in Brazil!
    Thank you!

    ReplyDelete
  15. Hi! I tried it on My blog but It's not working ! Any Idea ?

    ReplyDelete
    Replies
    1. buddy this is work perfectly just try again and copy the above codding and past properly in the post html editor mode..Hope this would resolve your problem..thanks.

      Delete
  16. Bro Not Working On My Template Plzz Help Me

    ReplyDelete
  17. Really works. I'm try to make this things for days, and here a find the answer.
    Thanks to share your knowledge, peace and success.

    ReplyDelete
  18. mann it worked good for right sidebar but left one is still there?
    plz help

    ReplyDelete
  19. cant remove my left side bar from my blogger template .. please help me
    my site is > http://www.hindichudaikikahani.com/

    ReplyDelete

About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism