As every knows that blogger is customizable and you can every thing in your blog design with yourself if have a little knowledge about blogger and web design. In blogging life we usually seen a static template that has a header , a sidebar , a navigation bar and a footer and whenever we visit to our blog we all the elements all the time. When we visit to single post/page we see all the things together. Today i m going to share a another trick with you about blogger by which you can create a full page and hide sidebar etc. We can change our blog by adding a little CSS code to use this trick. We will use a property of CSS to create a full page and hide our sidebar just follow the below steps to apply this trick on your blog.
How to Create a Full Page in Blogger ?
- Login to blogger dashboard.
- Create a new post/page.
- Click on HTML EDITOR (Appears at the left top)
- Paste the below code at the beginning.
<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>
Now switch back compose editor and edit it as you want. When you inset your content in your post/page than simply publish it. After publishing your post/page you will see there is no sidebar and your page/post with its full width.
HOME
0 comments :
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.
Post a Comment