How To Practice A Sum Width Page As Well As Take Sidebar Inwards Blogger

Do yous intend inward blogger platform yous tin neither shroud a Sidebar nor tin practise a total width page? Blogger is non a flexible platform though, amongst the attention of XML in addition to CSS nosotros tin take away the sidebar in addition to tin fifty-fifty growth the width without facing difficulties whatsoever. If yous convey observed our 404, Advertise Here in addition to Search engine page, in addition to thus yous may feel a massive divergence betwixt these in addition to normal pages. The principal intention behind increasing the width in addition to hiding sidebar on for certain pages is to transform your spider web log into a gorgeous looking website. If yous are thinking to stretch the width of your site past times removing sidebar, in addition to thus yous convey landed on correct goal because today nosotros volition hold upwards learning How to Optimize the Width of BlogSpot blogs.

Check Out Demo Of Full Width Page

How To Remove Sidebar in addition to Increase Width of Certain Pages:

The steps are straightforward in addition to would hardly soak 10 minutes to consummate thus only practise equally follows.

1. 1. Go to Blogger.com >> Add NEW Page/Post
2. 2. Now conduct HTML TAB on Blogger Post Editor
3. 3. Paste the next CSS in addition to 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, yous tin fifty-fifty uses pixels instead of per centum i.e. 960px.

Additional Tips: If yous desire to exclude Titles from a for certain page, in addition to thus only glue the next code earlier </style> inward higher upwards coding. Bots in addition to crawlers volition drib dead along to fetch your Title, but human visitors volition non stance them because amongst the attention of CSS nosotros convey concealed them.

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

1. 5. Now Publish it in addition to and thus catch your site to witness a perfect total width page without sidebar.

How Does the Whole Process Works:

Now later on successfully increasing the width of your page, yous would hold upwards curious to larn how the whole procedure works. Fundamentally, in that location is no magic behind it because the whole credit goes to Style sail (CSS). If yous convey noticed inward higher upwards CSS, nosotros convey used {display:none !important;} which is responsible for hiding the sidebar in addition to etc. Moreover, yous tin fifty-fifty role display:none to shroud whatever widget from whatever page or postal service but brand for certain yous attach proper CLASS Ids to consummate the process.

Where in addition to Why You Should Use Full Width inward Pages?

Before nosotros could saltation onto our tutorial, allow us initiative of all speedily rap up, where nosotros tin utilize the full-width pages. Now yous may convey seen those WordPress websites which uses stretched inward size, whenever they desire to add together an Infographics to their posts. In that same way, yous tin either role them inward nearly us or advertise hither pages, thus that yous tin gain maximum attraction out of your every visitor.

From The Editor’s Desk:

If yous convey noticed, nosotros convey too customized our 404 Page to Full-width in addition to shortly volition hold upwards revealing its secret. Our developers are busy to practise or thus marvelous widgets for blogger that volition hold upwards released i time the locomote got finalized. Alhamdulillah nosotros convey achieved to a greater extent than than 2000 fans on Facebook, piece to a greater extent than than 4000 twitter followers in addition to the publish is rapidly multiplying.

Special thank yous to Mustafa Ahmed Zai for helping us. From the beginning, he has been our mentor in addition to continues to attention us whenever it is required. If convey whatever difficulties during this tutorial in addition to thus don’t hesitate to drib your comments. Till in addition to thus peace blessings in addition to happy stretching.