random
1

Hide Sidebar In Your Blog And Create Full Width Page

We've been talking about new Blogger blog design and layout since the creation of this blog and we would like to continue providing you with better understanding and awesome feeling of Blogger blogs. So, today I would like to share a magic tip with you all of bloggers about creating a full-width page in blogger without sidebars. Here is how!

Shouted Blog's Gift...!
Add Stylish Floating Contact Form In Your Blogger Blog

How To Create A Page Having No sidebar

Step No. 01:
First Off, Go To Blogger Dashboard.

Step No. 02:
Select "Page" Tab From Blogger Dashboard.

Step No. 03:
Head Over To "New Page" Option.
Hide Sidebar In Your Blog And Create Full Width Page
Hide Sidebar In Your Blog And Create Full Width Page
Step No. 04:
While Creating New Page, just Select "HTML Editor" Tab.

Step No. 05:
Copy The Below Code And Paste It Just Begging Of The Page.

<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:100%!important;}
.post { width:100%!important; }
</style>

Step No. 06:
Now Switch To "Compose" Tab And Continue Your Job.

Step No. 07:
After Completing the Job On Your page, just Publish Your Page.

Step No. 08:
See The Result Live.

That's It.
Shouted Blog's Gift...!
Hide Sidebar In Your Blog And Create Full Width Page Reviewed by Ghulam Haider on 00:15:00 Rating: 5

No comments:

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form

Name

Email *

Message *

Powered by Blogger.