How To Practise A Amount Width Page In Addition To Take Away Sidebar Inwards Blogger

Do you lot intend inwards blogger platform you lot tin hand the axe neither enshroud a Sidebar nor tin hand the axe practice a total width page? Blogger is non a flexible platform though, amongst the assistance of XML too CSS nosotros tin hand the axe take the sidebar too tin hand the axe fifty-fifty growth the width without facing difficulties whatsoever. If you lot bring observed our 404, Advertise Here too Search engine page, hence you lot may feel a massive divergence betwixt these too normal pages. The chief intention behind increasing the width too hiding sidebar on sure as shooting pages is to transform your weblog into a gorgeous looking website. If you lot are thinking to stretch the width of your site past times removing sidebar, hence you lot bring landed on correct goal because today nosotros volition live on learning How to Optimize the Width of BlogSpot blogs.

Check Out Demo Of Full Width Page

How To Remove Sidebar too Increase Width of Certain Pages:

The steps are straightforward too would hardly soak 10 minutes to consummate hence only practice every bit follows.

1. 1. Go to Blogger.com >> Add NEW Page/Post
2. 2. Now choose HTML TAB on Blogger Post Editor
3. 3. Paste the next CSS too 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>

1. 4. Replace width:98% according to your needs, you lot tin hand the axe fifty-fifty uses pixels instead of pct i.e. 960px.

Additional Tips: If you lot desire to exclude Titles from a sure as shooting page, hence only glue the next code earlier </style> inwards higher upwards coding. Bots too crawlers volition boot the bucket along to fetch your Title, but human visitors volition non thought them because amongst the assistance of CSS nosotros bring concealed them.

.post-title, .post-labels, post-icons, post-author {display:none!important;}

1. 5. Now Publish it too hence watch your site to witness a perfect total width page without sidebar.

How Does the Whole Process Works:

Now later successfully increasing the width of your page, you lot would live on curious to acquire how the whole procedure works. Fundamentally, at that topographic point is no magic behind it because the whole credit goes to Style canvas (CSS). If you lot bring noticed inwards higher upwards CSS, nosotros bring used {display:none !important;} which is responsible for hiding the sidebar too etc. Moreover, you lot tin hand the axe fifty-fifty role display:none to enshroud whatsoever widget from whatsoever page or post service but brand sure as shooting you lot attach proper CLASS Ids to consummate the process.

Where too Why You Should Use Full Width inwards Pages?

Before nosotros could jump onto our tutorial, permit us firstly speedily rap up, where nosotros tin hand the axe utilize the full-width pages. Now you lot may bring seen those WordPress websites which uses stretched inwards size, whenever they desire to add together an Infographics to their posts. In that same way, you lot tin hand the axe either role them inwards nearly us or advertise hither pages, hence that you lot tin hand the axe gain maximum attraction out of your every visitor.

From The Editor’s Desk:

If you lot bring noticed, nosotros bring every bit good customized our 404 Page to Full-width too presently volition live on revealing its secret. Our developers are busy to practice roughly marvelous widgets for blogger that volition live on released in 1 lawsuit the operate got finalized. Alhamdulillah nosotros bring achieved to a greater extent than than 2000 fans on Facebook, spell to a greater extent than than 4000 twitter followers too the divulge is rapidly multiplying.

Special thank you lot to Mustafa Ahmed Zai for helping us. From the beginning, he has been our mentor too continues to assistance us whenever it is required. If bring whatsoever difficulties during this tutorial hence don’t hesitate to drib your comments. Till hence peace blessings too happy stretching.