How To Creat Full Width Page And Remove Sidebar In Blogger - Gourab Design

How To Creat Full Width Page And Remove Sidebar In Blogger


Hi friend Today I will teach you how to remove sidebar from blogger. And this post can be shown in full width. Simply Simple Process.You write a new post every day. But the same post in your site is not fully visible. Meaning the sidebar is in place.

Because of which the post becomes half. The whole is not complete. This is the only problem with your template problem.Because there is a sidebar in the blogger. But nowadays, the Without Sidebar is a professional website.

If you want to show your every article in full width. If you want to delete the sidebar, then do the tip I give to him carefully.It is seo friendly too. This will make your visitor feel better to read the whole post. And due to full width, you will get more clicks.Which means your income will go up too much.

creat full width page and remove sidebar

If you are willing to do so after knowing all this, then I am telling the best tips to follow karfully. Whatever theme you use That will be the same. If there is a sidebar, do not worry. I am telling you how to delete it. So let's start now. πŸ‘‡

Arrange Marriage Tips For Girls

How To Remove Sidebar And Creat A Full Width Page In Blogger

I will tell you 3 ways today, by which you can do this easily.And one thing to do this, you alone are enough. There is no need for anyone's help. I'm going to tell a very simple way.

  • Step 1 :-

> First you login your dashboard.  >> Template/theme >> Edit html >> simply click this edit html button.

Now press the ctrl+f. Search </style> tag.

Now copy below code and paste it from above </style> Tag. πŸ‘‡

#sidebar-wrapper { display: none; } #main-wrapper { width: 1000px!important; }

 Now save it by clicking on the Save Theme theme. Visit your site. And refresh. Then see the sidebar has disappeared.And your content is going to show up well on the entire blog.

Now your first step is complete. But even after adding it, it does not work properly, then use the second method. First of all, do what you said above. But when it does not work then use it ok.....πŸ‘Œ

how to make full width static pages in blogger

The second process is similar to a up process. But this only changes the code. And it has to be replaced in another place. 

  • Steps 2 :-

> Go to the blogger dashboard .

>> Click the down there Template option.

>> Then click Edit html.

>> Now press the mouse just once, with a coding box full of openings. And type it on the keyword ctrl+f 

>See, an empty search box will open. Typing it </b:skin> tag.

✓Now copy all the code below here πŸ‘‡. And  paste the </b:skin> tag above it.

<b:if cond='data:blog.pageType == "item"'> <style> .main-inner .columns { padding-left: 0px !important; padding-right: 0px !important; } .main-inner .fauxcolumn-center-outer { left: 0px !important; right: 0px !important; } .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer { display: none !important; } </style> </b:if>

  Just your entire job has been done. Now you save it. This will work definitely. πŸ‘

.But even though the above tips are not working, then your site will have to do the last and final tip. And it will work 100%. Its my Garantee.....

blogger remove sidebar from one page

Whenever you write a new post to do this, you have to paste a html code before writing the post or in the last. But remember that this code is pested in the HTML TAB. Otherwise it will not work properly.

<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>

 Well done. πŸ‘Œ . You can view any of the above 3 steps. This will definitely work.......

How To Make Money by Adgebra

Now tell us how did you get this tricks? If you like it, then share it in a social site.If there are any questions in the mind, please comment below and ask for it. I will do your help immediately. Ok bye. Take care to my sweet lovely visitors. πŸ’. Bye...

No comments