MEMBUAT 3 KOLOM DI FOOTER




pernah sobat bloger ingin membuat kolom tambahan di blog entah itu di header,sidebar,atau di footer.nah kali ini saya ingin membahas cara menambahakan 3 kolom di footer,bagaimana cara nya? langsung aja cekidot bin brottt




1. Login ke http://blogger.com hingga masuk Dasbor
2. Klik Tata Letak (layout)
3. Klik tab Edit HTML
4. Kemudian cari dan temukan kode seperti di bawah ini.

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

Ada juga kode-nya seperti di bawah ini.

<div id='footer-wrap1'><div id='footer-wrap2'>

<b:section class='footer' id='footer'>

<b:widget id='Text1' locked='false' title='' type='Text'/>

</b:section>

</div></div>

5. Ganti kode yang berwarna biru dengan kode di bawah ini.



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


<div id="footer2" style="float: left; margin: 0pt; text-align: left; width: 30%;">

<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">

</b:section></div>



<div id="footer3" style="float: left; margin: 0pt; text-align: left; width: 40%;">

<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">

</b:section></div>



<div id="footer4" style="float: right; margin: 0pt; text-align: left; width: 30%;">

<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">

</b:section></div>



<div style="clear: both;">



<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>

</div>
</div>


6. Kemudian letakkan kode berikut ini di atas kode ]]></b:skin>



#footer-column-container {

clear:both;

}


.footer-column {

padding: 10px;

}


semoga berguna sob dan kalau gagal coba lagi karena kegagalan awal dari kesuksesan oke

0 komentar:

Post a Comment

Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam nyepam dosa tau!!!,mari jadikan bloger indonesia lebih baik!

Related Posts Plugin for WordPress, Blogger...
 
© 2009 Enthik Rulez[ E.R] | Powered by Blogger | Built on the Blogger Template Valid X/HTML (Just Home Page) | Design: Choen | PageNav: Abu Farhan
Suka enthik rulez? Follow @dikutip