Purba My ID

Memecah Footer menjadi 3 kolom

Login ke blogger >>> tata letak >>> edit HTML >>> centang atau ceklis "Expand Template Widget" kemudian :
Cari code <div id='footer-wrapper'> lengkapnya seperti ini <div id='footer-wrapper'><b:section class='footer' id='footer'/></div>

Setelah ketemu ganti dengan kode di bawah ini :
    <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>
Hasilnya : Terlihat di bawah ada satu widget di Footer...Sebelum meletakkan kode tersebut widget yg telah terpasang harus dihapus dulu ( nanti bingung cari kodenya..)





Sesudah dirubah hasilnya : ada 3 buah widget yg bisa dipasang.



Selamat berkreasi....semoga bermanfa'at.

Posting Komentar

0 Komentar