Selasa, 24 November 2015

Menambah Ruang Footer Pada Template Secara Manual

Footer menjadi bagian paling bawah suatu template namun sering digunakan untuk menampilkan beragam widget/gadget blog yang informatif. Melalui Template Desaigner bisa dengan mudah menambah jumlah ruang di bagian footer namun jika tidak memiliki akses ke Template Desainer maka penambahan ruang footer untuk gadget/widget dapat dilakukan secara manual.

Opiniwan-MenambahRuangFooterPadaTemplateSecaraManual.png

Adapun cara untuk menambah ruang footer secara manual, yaitu:
Edit HTML template dengan:
Meletakkan kodeskrip CSS di bawah ini sebelum tag ]]></b:skin> :

#box-footer-container {clear:both;}
.box-column {padding:0px;}

Meletakkan kodeskrip tag pada bagian footer:

<div id='box-footer-container'>
    <div id='box1' style='float:left; margin:0;width:33%;'>
        <b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
    </div>
    <div id='box2' style='float:left;margin:0;width:33%;'>
        <b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='box3' style='float:right;margin:0;width:33%;'>
        <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
    </div>
    <div class='clear'/>
</div>

Klik tombol Simpan template kemudian akseslah Tata Letak untuk melihat perubahan pada bagian footer.

Tidak ada komentar:

Posting Komentar