Home , › Cara Membuat 3 Kolom Diatas Footer

Cara Membuat 3 Kolom Diatas Footer

3 Kolom Footer
Terkadang kita sudah tidak ada tempat untuk menambahkan widget baru dikarenakan tempatnya sudah penuh, Tidak ada solusi lain kita harus mengetahui bagaimana Cara Membuat 3 Kolom Diatas Footer. tapi untuk mengatasi hal diatas bisa juga kita membuat Membuat Tab View Blogspot untuk blogspot.

Kali ini Rendy-PC akan share bagaimana cara menambah 3 kolom diatas footer. dan mudah-mudahan semuanya teman-teman pemula seperti kami ini bisa menerapkannya pada blognya masing-masing.

Membuat 3 Kolom Diatas Footer
1. Masuk ke akun Blogger kita.
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.
6. Copy kode di bawah ini dan paste di atas kode tersebut.

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

7. Cari kode <!-- end content-wrapper -->.Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.
8. 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>

9. Klik tombol Save
10. Kemudian lihat hasilnya.

Salam
Share this article :

Copyright © 2013. Rendy-PC - All Rights Reserved
Template Created by Creating Website powered by Blogger