Making a Static Page a Full Page

Making a Static Page a Full Page

1. Open Blogger
2. To apply on all static pages namely: In your Blogger Dashboad Click Template> Edit HTML
3. Then find this code </style>
4. Then enter the CSS below right above it

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#comments,#sidebar-wrapper {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}
</style>
</b:if>

5. Click Save Template, and see the results.

. sidebar-wrapper: Replace with your template sidebar css code, usually sidebar css code like this (. sidebar-wrapper or # sidebar-wrapper or. sidebar-inner or # sidebar-inner).

.comments: Replace with your comment box's css code, usually the css code in the comment box like this (.comments or #comments or .comment or #comment).

# main-wrapper: Is the code to display the page to be 100% full width.

To apply on 1 static page only:

1. On your Blogger Dashboard Click Page> Create new page / page that already exists
2. Enter HTML mode first
3. Enter the CSS code at the top
4. Save

That's all from this brief post, Hopefully it's useful for all of us.

Source:

• arlinadzgn.com

Share :