Pages

Subscribe:

Ads 468x60px

Cara membuat 3 kolom di atas footer

Y | 08:59 |
lama tak posting... jadi kangen nih.....heheheh? mau nulis apa jadi bingung, tapi kalo g nulis nanti mubadzir, dari pada tidak nulis apa-apa lebih baik aku kasih nih Cara membuat 3 kolom di atas footer baiklah sobat blogger yang saya cintai tanpa basa basi lagi saya akan posting artikel nih atau TIPS BLOG tentang membuat 3 kolom di atas footer langsung aja ke TKP :

- 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


close
cbox
 

Info Blog



Future Google PR for nakayasimaruya.blogspot.com - 0.00
Internet Blogs



W3 Directory - the World Wide Web Directory
free counters
free search engine submission
Google PageRank Checker Powered by  MyPagerank.Net
SEO Stats powered by MyPagerank.Net
My Ping in TotalPing.com

Followers

Blog Sahabat