Cara Membuat 2 Kolom Footer Di Blog

Flamboyan68 - Postingan kali ini yaitu kembali lagi ke awal pada saat belajar ng_blog, dimana pada masa-masa itu sebagai blogger baru selalu dan selalu mencari kode script untuk di tempel di blogku tentunya. Dari hilir mudiknya saya mencari script ada yang terlupakan dan sangat saya butuhkan pada saat dibuatnya postingan ini, yaitu cara membuat 2 kolom footer di blog.

Dan postingan ini sudah lama sekali bersemedi di ruangan draft, hehehe..essensi dari artikel ini dirasa cukup penting bagi yang mengoleksi beragam iklan di blognya termasuk saya, untuk mengatur letak/posisi iklan/widgets dan akan di bagi menjadi 2 bagian yang setiap bagian bisa sobat isi dengan script iklan/widget.

Silahkan sobat ikuti cara dan langkah di bawah ini :

• Login ke akun blogger sobat
• Lalu pilih template  > edit html
• Setelah itu cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
• Copy lalu Pastekan kode berikut tepat di atas kode ]]></b:skin>

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

• Setelah itu sobat cari kode :

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Atau

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

• Copy dan Pastekan kode di bawah ini tepat di bawah kode diatas tadi :

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

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

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

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

• Simpan template sobat

Selamat mencoba dan semoga bermanfaat.

happy blogging....