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