Thursday, December 22, 2016

How to widen the column blog

How to widen the column blog


blogspotHow to widen the column blog template, but for the templates, comes from bloggers, not from templates that have been modified
Before we go into the problem is useful to know the first parts of the blogger templates, then a template will have three important elements, namely:
• Element Header
• Outer Element
• Elements Footer
For Outer element on the return to:
• main element, the element of this play is the element which we keep posting, so if we post an article and it will go on display this element

• Sidebar element, the element of this sidebar is an element to store a variety of blog tools or accessories that we want to enhance your blog.

Outer-Wrapper is a container for storing main-wrapper and sidebar-wrapper. So if we want to add a new column or in other words the new sidebar, then the first thing to do is mandatory in a wide value-added of the Outer-wrapper itself

So now how do I expand the existing columns on our templates, but again remember this is only for pristine tempalates inherited from bloggers or minima templates,

Follow these steps but with the notes do not check the Expand Widget Templates, as it would appear the codes I do not understand

So the first step for the code like below
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Change 660px to 760px, so be like below
#header-wrapper {
width:760px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
looking for code like this below
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Change 660px to 760px and script be like below
#footer {
width:760px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
well for his term container weve widened from 660px to 760px then the columns we can add the sidebar width to 100px and add the width sidebarnya we are now looking at the code below
# sidebar-wrapper }
width: 220px;
float: right;
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 * /
}
change 220px to 320px (or as wide as we added jumalah earlier) if we want to add more depending on how wide px when we added the # header-wrapper (and footernya earlier,

if you want to play or enlarged main column that usually contains about our posts, then we search tingagl below code
# main-wrapper }
width: 410px;
float: left;
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 * /
}
But remember, if we add the width of the two we also need to increase the number of px that we add in the # header-wrapper, and footer-wrapernya earlier
ok good luck, but remember do not try on our main blog first, try the experiment first blog.

Available link for download