Footer in blog is a great way to increase number of widgets for attracting more visitors.A footer can be of 1 column ,2 column or multi column all have same code to create footer columns and footer in this tutorial have 4 column,you can use more than 4 column in footer.this footer is coded in CSS and HTML,So it is easy to implement and it does not contain superfluous code.
How To Implement
To implement footer column just follow below steps and do not skip any step.
Before proceeding please backup your template.
1. Go to " Template >> Edit HTML ",Hit 'proceed'.
2. press " Ctrl + f " ,find " ]]></b:skin> ".and paste below code above this.
#low-wrapper{
width:100%;
display:inline-block;
}
#foot-wrapper{ float:left; width:25%; }
#foot-wrapper{ float:left; width:25%; }
CSS Code
3. Now Find "</body>" and paste below code above this.
<div id='foot'>
<div id='low-wrapper'>
<div id='foot-wrapper'>
<b:section class='footer' id='foot1' preferred='yes'/>
</div>
<div id='foot-wrapper'>
<b:section class='footer' id='foot2' preferred='yes'/>
</div>
<div id='foot-wrapper'>
<b:section class='footer' id='foot3' preferred='yes'/>
</div>
<div id='foot-wrapper'>
<b:section class='footer' id='foot4' preferred='yes'/>
</div>
<div style='clear: both;'/>
</div> </div>
HTML code
After Editing code to Template save it and open " Layout ", scroll to bottom you will a similiar screen like this
If you are finding some more blogger tricks than see these :
If you got any problem in above tutorial let me inform by commenting below.ode
0 comments:
Post a Comment