Membagi Footer menjadi 3 kolom

Footer Tiga kolom apa itu? jelasnya lihat bagian bawah blog ini!!! nah itu yang saya Magsud.........

* Login ke Blogger.

* Klik Layout > Edit HTML.

* Cari kode seperti di bawah ini (tergantung template yang anda gunakan):

#outer-wrapper {
background-color:#473624;
border-$startSide:1px solid #332A24;
border-$endSide:1px solid #332A24;
width:890px;
margin:0px auto;
padding:15px;
text-align:center;
font: $bodyFont;

* Yang berwarna merah adalah lebar dari footer blog, untuk membagi tiga kita tinggal membagi 890:3=296.

* Sebelum mengubah template anda backup dahulu ya!

* Cari kode seperti ini :

#footer {

clear:both; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide; padding-top:10px; _padding-top:6px; /* IE Windows target */ }

* Paste kode di bawah ini tepat diatas #footer.

#footer2 {
clear: both;
float:left;
padding-right: 0;
width: 296px;
background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;
padding-top:10px;
_padding-top:6px; /* IE Windows target */
}

#footer3 {
float:right;
padding-left: 0;
width: 296px;
background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;
padding-top:10px;
_padding-top:6px; /* IE Windows target */
}

#footer4 {
float:right;
padding-left: 0;
width: 296px;
background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;
padding-top:10px;
_padding-top:6px; /* IE Windows target */
}

* Perhatikan saja kode berwarna merah. Kode warna biru adalah kode tambahan tergantung dari template anda.

* Kemudian paste kode di bawah ini di atas kode: <div id='footer-wrapper'> :

<div id='footer2'>
<b:section class='footer' id='footer2'/>
</div>

<div id='footer3'>
<b:section class='footer' id='footer3'/>
</div>

<div id='footer4'>
<b:section class='footer' id='footer4'/>
</div>

* Simpan template anda. Lihatlah perubahan di Page Element.