- Langkah pertama seperti biasa Sobat masuk ke akun blogger sobat
- Template, edit html ingat jika sudah muncul jangan lupa centang Expand Template Widget
- Cari kode seperti ini ( tekan Ctr + F) biar cepat dan mudah
Note : setiap tema kode beda namun cari yang agak mirip
#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}
- jika sudah ketemu taruh kode dibawah ini di atas kode tersebut
#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;
}
- setela itu cari kode yang mirip dengan yang ada di bawah
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
-Jika sudah ketemu taruh kode di bawah ini di atas kode tersebut
<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>
- harus di ingat sebelum save atur dulu lebar footer sesui dengan halaman blog sobat
- save template
Jadi deh Footer 3 kolomnya, sekian dulu tips dari saya tntang Cara membuat 3 kolom di atas footer, semoga artikel ini bermanfaat bagi sobat sekalian... dan sampai bertemu lagi di posting selanjutnya.....
0 comments:
Post a Comment