AD (728x60)

Selasa, 13 Desember 2011

cara membuat 3 kolom diatas footer

Share & Comment
1) Login ke Blogger dengan akun kawan
2) Klik template
3  Klik tab Edit HTML
4) Klik tab  Download Template Lengkap.
   silakan simpan dulu template anda, ini jaga-jaga bila ada kesalahan pada pengeditan
     #nb: Untuk mempercepat pencarian kawan bisa gunakan tombol Ctrl + F atau (F3).
5) Cari kode berikut
#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}
6)jika sudah kawan temui letakan kode di bawah 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;
}
7)  lalu cari kode di bawah ini
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
8)jika sudah ketemu tambahkan kode dibawah 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>
9) jika sudah save/simpan template dan lihat hasilnya 


selamat mencoba
modiefied: by azka fathur 
Tags:

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 komentar:

Posting Komentar

 

Popular Content

Recent Posts

Popular Posts

Follow on Facebook

tutorial blog

Popular Posts

Why to Choose RedHood?

Copyright © tutorial blogger | Designed by Templateism.com