Share
AHLAN WASYAHLAN FII' | "SUBCECI BLOG" | SALAM BUAT PENGUNJUNG YANG MENYEMPATKAN WAKTUNYA MAMPIR DISINI | IMAM SENDIRI TAHAP BELAJAR,BILA ADA KEKURANGAN MOHON SARAN DAN KOMMENNYA | AKHIR KATA,SENANG BERJUMPA DAN BERBAGI DENGAN ANDA | WASSALAM.

Senin, 18 Januari 2010

cara menambahkan colom element diatas footer

cara menambahkan colom element diatas footer


sekarang udah jelaskan. untuk membuat nya sangat lah mudah. ikuti tips-tips di bawah ini
sekarang udah jelaskan. untuk membuat nya sangat lah mudah. ikuti tips-tips di bawah ini
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode 
  • +++++++++++++++++++++++++++++++++
  • #footer {
    width:900px;
    clear:both;
    margin:0 auto;padding-top:15px;
    line-height: 1.6em;
    text-transform:uppercase;
    letter-spacing:.1em;
    text-align: center;
    }
  • +++++++++++++++++++++++++++++++++
  • Copy paste kode dibawah ini persis di bawah kode di atas
/* bottom
----------------------------------------------- */
#bottom {
width:900px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:1px solid #333;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#045FB4;
text-decoration:none;
}
#bottom h2 {
padding:20px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .17em;
padding-left:17px;margin-top:2px;
}
#left-bottom {
width:200px;
float:left;
padding-left:15px;
}
#center-bottom {
width:200px;
float:left;
padding:0 20px 0 20px;
}
#right-bottom {
width:420px;
float:right;
padding-right:15px;
}

+++++++++++++++++++++++++++++++++++++
  • Kemudian cari kode ini atau yang hampir sama 
 <div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

  • Letakan kode di bawah ini diatas kode di atas 
<div id='bottom'>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
</div> <!-- end bottom -->

++++++++++++++++++++++++++++++++++++++

·         Kemudian simpan tamplate anda
selamat mencoba!!!

Artikel Terkait:




comment:

0 komentar to “cara menambahkan colom element diatas footer”

kotak emoticon:
:f :D :x B-) b-( :@ x( :? ;;) :-B :| :)) :(( =(( :s :-j :-p

Posting Komentar

silahkan tinggalkan komentar anda disini.

 

sahabat

Back to TOP