Lazada Indonesia

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.

Silahkan anda berkomentar. Komentar Anda akan langsung muncul. Anda bisa memasukkan link kedalam tulisan di komentar anda. Bukan hanya "link", anda juga bisa memasukkan Batu, Bata, Perhiasan, Balok, Pesawat, Mobil...dll ke dalam kotak komentar.