Cara Menambahkan 3 Kolom di Footer

 

Maaf buat sobat SYKC. udah lama gak posting lagi tapi kali ini saya akan berbagi ilmu tentang memberi 3 kolom pada Footer. Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan  3 Kolom Di  Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .

berikut caranya Cara Menambahkan Footer 3 Kolom :

• Login Blogger dulu
• Pilih Rancangan
• Pilih Edit HTML ( backup template blog anda terlebih dahulu barangkali terjadi kesalahan )
• Cari Kode ]]></b:skin> Copy kode di bawab ini di atas kode ]]></b:skin>

#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

• Langkah selanjutnya cari kode <div id='footer'>
• Kemudian copy kode di bawah ini tepat di atas kode <div id='footer'> 

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

• Save Template Sobat. Semoga sukses

Keterangan :

• Kode berwarna biru adalah kode masing masing lebar (Pengaturan Lebar)
• Kode yang berwarna hijau adalah warna background pada footer yang di hasilkan