In editing your template, we need to know what the size or width of the elements on the blog are. For know the Size of Header, Post, Sidebar, Footer & Blogger Width a million tricks bloggers want to share with friends. Sharing in this post hopefully can help edit the blog of all friends. Let’s just start.
Landscaping company
1. Knowing Header Size / Width

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margins: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

2. Knowing the Size / Width of the Post page

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

3. Knowing the Size / Width of the sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Update: There’s a lot of sidebar code that can be used, for example #rsidebar-wrapper{ or #right-sidebar-wrapper{ etc, so just adjust it.
4. Knowing Footer Size / Width
/* Footer
———————————————– */
#footers {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:1em;
text-align: center;
}

a. To edit Blog Page size/width
Look for the code below:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

b. To edit Post Page size/width
Look for the code below:

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}

c. To edit Blog Sidebar size/width
Find the code below:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

d. To edit the Blog Header size,
Find the code below:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

e. To edit the size of the Blog Footer
Find the code below:

#footers {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:1em;
text-align: center;
}

If you don’t find a code like the one above, to find out elements such as headers, posts, sidebars and blogger widths, just look for a code that is similar and indicated by width: (WIDE) and height:(HIGH)

With Knowing the Size of Blogger Header, Post, Sidebar, Footer & Width Of course it will make it easier for friends to change and edit blogs with fun like this blog’s slogan.

Happy Blogging! by. A Million Blogger Tricks

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Free Online Cooking Classes
Are you looking for resources on how to cook online that will help you in the culinary arts?
Yes, Please