将Blogger底部修改为三栏的方法

本文摘要：

blogger的底部长期被人们所忽视，其实这个区域可以放许多有用的信息，如广告、链接等，下面给大家介绍下，如何将blogger的底部修改为三栏,来放置这些信息......

其它部分：

1、首先在Blogger模版代码的完整模式中搜索<b:section class='footer' id='footer'/>这条语句，如果存在则将这条语句换为下面的代码；如果不存在，则找到<div id='footer'>这条语句，将下面这段语句放在它的前面。

<div id='footer-column-container'>

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

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

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

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


2、接着在代码中继续搜索</b:skin>，并将下面的代码放在</b:skin>之前。

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}


3、现在进入blogger后台，点击<布局>-<页面元素>，就可以发现模板底部已经变成三栏模式了，完成。