Tambah Kolum Pada Footer




hasilnya begini





Ok mari kita mulakan.

1. Login ke blogger.

2. Klik "Layout --> Edit HTML" dan beri tanda pada "Expand Widget Templates"

3. Cari kod seperti di bawah

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

4. Gantikan kod yang bold dengan kod di bawah.

<div id="footer-column-container">
<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;"> <b:section class="footer-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;"> <b:section class="footer-column" id="col2" preferred="yes" style="float: left;"> </b:section></div> <div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;"> <b:section class="footer-column" id="col3" preferred="yes" style="float: right;"> </b:section></div> <div style="clear: both;"> <p> </p><hr align="center" color="#5d5d54" width="90%" /> <div id="footer-bottom" style="padding: 10px; text-align: center; text-transform: lowercase;"> <b:section class="footer" id="col-bottom" preferred="yes"> <b:widget id="Text2" locked="false" title="" type="Text"> </b:widget>
</b:section></div>
<div style="clear: both;">
</div>



5. Save dan lihat hasilnya.

* Kalau tak ada kod diatas jgn susah hati tambah ajer kodnya di atas kod </body> kemudian teruskan dengan langkah 4
 

Copyright 2009 All Right Reserved. Crafted by ADIQDIA