Ads

Tips On Adding Column Templates

Column blogger template just a little it is not a big problem and do not make friend desperate due to lack of a column and then closed down and refuse to be a blogger because there is still a solution. Column shortage problems experienced by many others, including my friend's own but it does not make me despair. Try and try what I did to finally be able to create and add columns blogger template as many times as I like.
Well to my friend who has a problem as I mentioned above should not be confused my friend because my friend can make or add a column to the template blogger buddies like as long as the width of your template is sufficient and most importantly the look of your template is not broken it alone.
To add a template column on a buddy is actually not as complicated as imagined, as long as there is a caller code and css code css code is fine.
Suppose my friend wanted to add a column at the bottom of the template just created his first css code that will be placed on the code ]]></b:skin>
for example see the code below:
/* Under Column Css Code Templates */
#bottom {
width: 660px; /* column width */
position: relative;
clear:both;
margin: 0 auto;
color:#333333;
float: left;
background:#F2F2F2 repeat-x;
padding: 0;
}
#bottom a:visited{
color:#DF7F3B;
text-decoration:none;
}
#bottom a:hover{
text-decoration:underline;
}
#bottom h2 {
background: #000000;
color: #ffffff;
text-transform: capitalize;
margin: 0 0 10px;
padding: 6px 0 6px 7px;
font-family:Arial, Tahoma, Verdana ;
font-size:14px;
line-height:1.5em;
letter-spacing:0;
}
#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#bottom1 {
width: 960px;
float: left;
margin:0;
padding:7px 10px;
border-top:1px solid #a2bce0;
}
This is the css code but most importantly it is a code that is located on top of itself and the other is the only additional code so that column and the link that will be formed into beautiful. And now look at the example code its caller css code below:
<div id='bottom'>
<b:section class='bottom' id='bottom1'/>
</div>
Well now lives css code placement caller's code. To make the column at the bottom of the template code of the caller was put under the code below:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Easy not finished !

Note: If my friend wants to add to the column below the post column stay put css code penganggil wrote his code under the code column and post on it if you want to put it on top of the post code column and most importantly, adjust the width of your template.
The above code can change as you wish buddy buddy, would be divided into 2, 3, 4 or even 5 columns can also be creative and I hope my friend in the manufacture of the template code.

Good luck !