Menambah Kolom Footer

Aduh.. gimana ya pasang widget-widget keren tapi tidak membuat halaman page jadi berat, sedangkan kebanyakan template-template menggunakan 2 kolom.

Saya baru dapat cara untuk menambahkan kolom di bagian footer, jadi tidak memberatkan blog tentunya...

Oke langsung aja kita coba...

1. Login ke Blogger dulu dengan ID anda tentunya

2. Pilih layout dan pilih edit html

3. Cari kode ]]></b:skin>

4. Pasang kode ini diatas kode tadi

#footer-column-container {

clear:both;

}

.footer-column {

padding: 10px;

}

5. Setelah itu cari lagi kode ini

<div id='footer-wrapper'>

6. Masukan kode ini diatas kode tadi

<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><!--kolom pertama-->

<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><!--kolom kedua-->

<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><!--kolom ketiga-->

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

<p>

<hr align='center' color='#5d5d54' width='90%'/></p><!--garis horisontal-->

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text2' locked='false' title='' type='Text'/>

</b:section>

</div>

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

</div>

7. Simpan perubahan, kalo berhasil coba pilih page element dan hasilnya seperti ini

8. Selesai