Blogger 底部修改為三欄的方法

1. 進入控制主頁 > 版面配置 > 修改HTML > 修改範本 > 把「展開小裝置範本」打勾
找到這段代碼 </b:skin> 將下面的代碼放在之前。

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


2. 找到這段代碼<b:section class='footer' id='footer'/>並將其替換為以下代碼，就實現了對Blogger底部的三欄劃分，也可以把以下代碼放到<b:section class='footer' 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;'/>

</div>