Cara Membuat 3 Kolom Diatas Footer

Sebelumnya diblog ini juga pernah dibahas cara membuat 3 kolom dibawah header.dan kali ini sedikit berbeda yaitu cara membuat 3 kolom diatas footer.berikut cara membuat 3 kolom diatas footer selamat menyimak langkah- langkah di bawah ini, semoga berhasil...


                              


1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode ]]></b:skin>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

5. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

6. Cari kode <!-- end content-wrapper -->.Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

7. Copy kode di bawah ini dan paste di atas kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col4' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col5' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col6' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

8. Klik tombol SIMPAN TEMPLATE.

Nah selesai,untuk melihatnya kembali ke Rancangan > Susunan/Layout.

Selamat Mencoba..!

Baca Juga Artikel Ini