The steps are straightforward and
would hardly soak 10 minutes to complete so just do as follows.
- 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.
How Does the Whole Process Works:
Now after successfully increasing the width of your page, you would be curious to learn how the whole process works. Fundamentally, there is no magic behind it because the whole credit goes to Style sheet (CSS). If you have noticed in above CSS, we have used {display:none !important;} which is responsible for hiding the sidebar and etc. Moreover, you can even use display:none to hide any widget from any page or post but make sure you attach proper CLASS Ids to complete the process.
Before we could jump onto our tutorial, let us first quickly rap up, where we can utilize the full-width pages. Now you may have seen those WordPress websites which uses stretched in size, whenever they want to add an Infographics to their posts. In that same way, you can either use them in about us or advertise here pages, so that you can gain maximum attraction out of your every visitor.
From The Editor’s Desk:
If you have noticed, we have also customized our 404 Page to Full-width and soon will be revealing its secret. Our developers are busy to create some marvelous widgets for blogger that will be released once the work got finalized. Alhamdulillah we have achieved more than 2000 fans on Facebook, while more than 4000 twitter followers and the number is rapidly multiplying.
Special thanks to Mustafa Ahmed Zai for helping us. From the beginning, he has been our mentor and continues to help us whenever it is required. If have any difficulties during this tutorial then don’t hesitate to drop your comments. Till then peace blessings and happy stretching.
About the Editorial Team
The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).
41 comments
thank you body awesome job :)
Thanks very much i will use this trick in my blog
Awesome article brother. Keep up your hard work.
very nice explanation and waiting for widgets. You are helping us very well thanx bro. plz read my comment on last post and bro i have checked the images they have lines in my windows, plz help
thetechshell.com
Nice Post about anthor page layout Style ...
Thanks Syed ..
Brother I Am Using New Blogger Official Template So That Widget Is Not Working In My Blog...???
Nice post bro, but it not working in my template
check my custom search page
Tech Blog
Thanks
Plz bro how many days i have to wait for solution of that problem plz reply, because i don,t want to use another template and redesign taht again plz reply.
I think you understand how feels as i am in tention.
TheTechShell
I am very thankful to you every time you helps me.
Brother I Think the POST and SIDEBAR IDs are different on your Template. Send us your Template via contact.mybloggerlab.com and we will optimize the coding for your theme. Peace
Send Us your Template @ contact.mybloggerlab.com and we would find out the problem. Peace
Brother On This Email Address Template Doesn't Sending...???
contact.mybloggerlab.com
Bro I Think Something Is Wrong On That Email...!!!
Please Check And Reply Peace...
Dude Attach the XML Template to Mediafire.com then Send its Link in the Contact Us. Peace
Dude thats post is really awesome!
But you still not prepared my Logo!
Please send it to me &
I need your help to customize my template!
The Blog URL Which you have provided is deleted.
@jatin Kharb try hiding individual gadgets from static pages, and then paste the above given code. i'm working on this right now, http://regnumfinancials.blogspot.com/
really awesome dude its really cool but i want to this with my 404 page so please do any help my blog is http://haseebnet.blogspot.com
Hi it;s not working on my blog... :(
Can you Provide us the details what problems you are facing? so we can help you.
perfect..
hello syed i was tried with all the all the google custom templates but no template is working with this code.
please decode it?
Please help me. I have a blog and I want a page to remove the side bar. This is the page. I saw your article in the web and I was searching for an answer with no results. Please help me. This is a third party template:
http://www.poemasalacarta.com/2013/01/contenido-gratuito.html
I am Mariam used every single spell worker on the internet, spent untold amounts of money and discovered they are all fakes...i was the fool though; doing the same thing over and over again and expecting different results. In the end, I decided that I wanted a tarot reading to know what my future held for me; I contacted a woman who lives locally to me and she told me about a man named (Olalude abija); he does not advertise on the internet, has another job for income, has no set prices, makes no false promises and refuses to help anyone that cannot be helped and even helps
for free sometimes, he will give you proof before taking money. He is a wonderful man and he was the only person who actually gave me real results. I really hope he doesn't mind me advertising his contact on the internet but I'm sure any help/ extra work will benefit him.contact him as oduakar1@live.com He travel sometimes.i cant give out his number cos he told me he don’t want to be disturbed by many people across the world..he said his email is okay and he’ will replied to any emails asap,love marriage,finance, job promotion ,lottery Voodoo,poker voodoo,golf Voodoo,Law & Court case Spells,money voodoo,weigh loss voodoo,any sicknesses voodoo,Trouble in marriage,HIV AIDS,Barrenness(need a child),good Luck voodoo,it's all he does Hope this helps everyone that is in a desperate situation as I once was; I know how it feels to hold onto something and never have a chance to move on because of the false promises and then to feel trapped in wanting something
more!
hi,...
I really like your article about hiding sidebar . It was not useful for me. My site is http://www.needonetouch.org/. Do you like to associate with me? We could share our knowledge to improve our blogs simultaneously. So kindly mail me about your opinion. I am waiting for your opinion
one touch
Akhil
he can you help me it doesnt work http://ferizaj1.blogspot.nl/ please check it out and let me know
Use this CSS
#rsidebar-wrapper { display: none; }
#main-wrapper { width: 980px!important; }
Strange. All that code did was delete the footer for me. For some reason, I can't figure out how to delete the sidebar...
What you are trying. There is no need to edit Footer?
Great Bro. This article helped me to make my site awesome
It seems not working on me dude..i used blogger.
You BLOG URL? And tell the error
i removed one side bar, but the other one is not removed:
http://mntzzr.blogspot.com/p/quran.html
Go to Blogger >> Pages >> Your Page >> Edit PAGE >> HTML TAB
Paste this at the end of the code
<style>
#main-wrapper {
width: 100%;
}
div#main2-wrapper {
width: 100%;
}
div#sidebarleft-wrapper {
display: none;
}
</style>
Hi it's working on me but the width is not full. Can you help me?
http://kuyadijae.blogspot.com/p/forum.html
Thank you
fxscordips.blogspot.in sir its not hiding my middle column ,i have 3 column site
Please provide me your blog URL?
I have a third party template, and I successfully removed the sidebar from a single page. But I can't seem to take the page to full width...
Can you please provide me your Blog URL?
Cheers
thanks brother,...
Hi Blogger lab,
Can this issue be reversed though on the new blogger template contempo and how
Post a Comment
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.