Cara Menambahkan 3 Kolom di Atas Footer

Salam blogger, kali ini saya akan membahas tentang cara menambahkan 3 kolom di atas footer.  Untuk memasang 3 kolom di atas footer ini, caranya sangat simple, jika anda tertarik silahkan ikuti langkah - langkah di bawah ini ok.

1. Login pada blog anda
2. Langsung ke halaman Template kemudian Edit HTML
3. Beri centang Expand Template Widget
4. Cari kode ]]></b:skin> (gunakan Ctrl + F) letakkan kode di bawah ini di atas kode tersebut

#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
}

5. Lalu cari kode <div id='footer'> dan letakkan kode di bawah ini di atas kode tersebut

<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>

6. Simpan dan lihat hasilnya

Keterangan:a. Kode yang berwarna merah adalah ukuran masing - masing kolom, 

    bisa anda ganti dengan kemauan anda sendiri

b. Kode yang berwarna biru adalah warna background nya bisa sobat ganti dengan kemauan 

    anda sendiri.

Selamat Mencoba dan semoga berhasil

Author : rafly liputo

Share this

Related Posts