Cara Menambahkan 3 Kolom Footer

Blog saya terasa sempit Sepertinya jika ditambahkan footer akan cukup memberikan tempat. Sebelumnya saya sempat bingung, bagaimana sih cara untuk membuat kolom dibagian bawah  footer ? setelah saya cari akhirnya kudapatkan juga cara tersebut, nah begini caranya :

1. Login ke blooger.com
2. Kemudian masuk ke Layout => Edit HTML
3. klik “Expand Widget Template”
4. Cari kod

    <div id='footer-wrapper'>

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

    </div>
    Ket: pada beberapa template kodenya: footer atau footer-section

5. ganti kode yang berwarna merah dengan script berikut :

 <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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<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>

Nah gampang kan.. selamat mencoba dan semoga sukses...!!!

Terima Kasih Atas Kunjungan Anda Di Blog Ini. Jika Ingin Artikel Terbaru Langsung Di Kirim Ke Email Anda? Masukan Email Anda Untuk Berlangganan (GRATIS). Klik Tombol Suka Jika Menyukai artikel ini.