-->

New Element Footer Two Column

At this time I atikel will provide trick to add elements into two columns footer

way is:
Log in to Blogger.
Click Layout -> Edit HTML
Backup your template by click on the Download Full Template so you can restore your template to its original state if the result is not satisfactory.
If so, look for the code ]]></b:skin>

Add the code below over the code ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

Then find the code bellow :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
if already delete the code <b:section class='footer' id='footer'/> and replace with code bellow :
<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>


If you already click Save Template.
and click Page Element . if under've seen there are two new elements that your work successfully. good luck

Posting Komentar

Label

Subscribe Our Newsletter