Headlines News :
Home » » Menambah 3 kolom diatas FOOTER

Menambah 3 kolom diatas FOOTER

BISMILLAH : Dan apabila aku sakit DIA-lah (Allah SWT) yang menyembuhkannya -Asy Syuaraa : 80-

1. Login ke bloger
2. Klik tata letak atau layout
3. Pilih Edit HTML
4. Backup data terlebih dahulu, caranya pilih : Download Template Lengkap
5. Centang Expand Template Widget
6. Kemudian cari kode seperti dibawah ini


#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}

7. Tambahkan kode berikut ini diatasnya


#bottom{
background:#F0F5FA;
width:100%;
position:relative;
clear:both;
margin:0px auto 0px;
color:#000000;
float:left;
padding:10px 0;
}
#bottom h2{
color:#000000;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
letter-spacing:0em;
text-transform:capitalize;
}
#bottom ul{
padding:0px;
margin:0px;
}
#bottom ul li{
line-height:26px;
list-style-type:none;
border-bottom:1px dashed #031c5d;
}
#bottom_1{
width:300px;
float:left;
margin:0px;
padding:0px;
}
#bottom_2{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}
#bottom_3{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

8. Untuk membuat kolom di atas footer, Cari kode seperti dibawah ini :


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

9. Letakkan kode berikut ini diatasnya


<div id='bottom'>
<b:section class='bottom' id='bottom_1' preferred='yes'/>
<b:section class='bottom' id='bottom_2' preferred='yes'/>
<b:section class='bottom' id='bottom_3' preferred='yes'/>
</div>

Sesuaikan ukuran lebar width footer dengan template dan lebar kolom yang akan ditambahkan.

10. Save Template... SELESAI.


--- oOo ---


ALHAMDULILLAH... Semoga Bermanfaat...!!
 
RUMAH GURAH SURABAYA : Jl. Padmosusastro No.102-B (daerah Pakis Wetan) +/- 100 M ke Arah Selatan dari GELORA PANCASILA Surabaya 60241
Proudly powered by BloggerTemplate Created by Mas Template Published by RUMAH GURAH SURABAYA