Let's choose your background ! ! !

1 2 3 4 5 6 7 8
Link For Exchange Link For Exchange
Image and video hosting by TinyPic

Kamis, 17 Maret 2011

Membuat footer 3 kolom

Langkah pertama
  cari code di bawah ini 

</div> <!-- end content-wrapper -->


Lagkah kedua 
letakkan  code di bawah ini tepat dibawahnya  code ini
</div> <!-- end content-wrapper -->




----------------------------------------------------------------------------------
<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>
</div>

---------------------------------------------------------------------------------------------------------------
Langkah ketiga
cari code"</b:skin>"
dan letakan code ini tepat dibawahnya
"#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}"




Simpan Tamplate, selesai.

Note : ganti tulisan warna biru sesuai dengan yang anda inginkan................ 


SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .


By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

0 komentar:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Macys Printable Coupons