Some bloggers didn't satisfied with their template coming from any other site that offer it for free, and they want to customize it to be more presentable, if you have a problem with your template's width you are in the right place to read.
In this tutorial you will learn how to resize the header, sidebar, post section and footer of your blog template. Follow these steps to edit the width of your blog.
As you can see there is a highlighted text which is the word width and px(pixels). You can edit the value of pixels at your will and depend how wide you want.
#header-wrapper - for main header
#outer-wrapper - for the main section
#footer - for footer
#main-wrapper - for post section
#rsidebar-wrapper - for sidebar
Confused?
Leave your comment below.
Feedback from the readers is appreciated.
#chrofox
In this tutorial you will learn how to resize the header, sidebar, post section and footer of your blog template. Follow these steps to edit the width of your blog.
Let's start
- Log in to your blogger account
- Find TEMPLATE
- Click on EDIT HTML
Now find the following code below in your html 5 editor.
#header-wrapper{#}
#header-wrapper{#}
;width: 1100px;
#outer-wrapper
{width:1100px;
#footer
width: 1060px;
#main-wrapper
{width:670px;
#rsidebar-wrapper
{width:360px
As you can see there is a highlighted text which is the word width and px(pixels). You can edit the value of pixels at your will and depend how wide you want.
#header-wrapper - for main header
#outer-wrapper - for the main section
#footer - for footer
#main-wrapper - for post section
#rsidebar-wrapper - for sidebar
Note:
Those things are complicated, if you want to change the value of the post section make sure you will change also the value of your outer-wrapper, but changing outer-wrapper it requires to change also the value of the main-wrapper, side-wrapper and margin.Confused?
Leave your comment below.
Feedback from the readers is appreciated.
#chrofox
nice post sir.how can I give share button on my blog bellow every post as like as your blog ?? plz help me.
ReplyDeleteok sir, i'll just pm the code to you as soon as possible, i hope you will visit here regularly :) .
Deletebut please provide an email account to be able to received the code.
thanks a lot. my email is:
ReplyDeletearvindz.sh@gmail.com & also please tell me the way to how to do this. Beacause I am new even I have no blog now. but I want open blog about sports.I think you'll help me.
thanks for helping me
ReplyDeleteit's my pleasure sir, keep visiting here for more updates :)
Delete