5/12/11

Tutorial cara buat 3 section footer[add a gadget]


Tutorial cara letak 3 section footer pada blog

Tutorial ni khas untuk blog yang menggunakan template lama/classic.. sebab untuk template lama pada bahagian footer hanya terdapat 1 sahaja section untuk add a gadget...

Mula2 anda perlu pindahkan widget dari footer ke sidebar atau pun save pada notepad...

kemudian pergi ke desaign---edit html...jangan tick pada expand widget template...

cari code ni




<div id='footer-wrapper'>


oleh kerana anda telah pindahkan widget tu jadi section pada footer tu kosong seperti gambar di bawah


delete keseluruhan code yang di highlightkan pada gambar tu...

Kemudian gantikan dengan coding berikut..









<div id='footer-wrapper'>

        <div style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer1' id='footer1'/>
        </div>

        <div style='width: 40%; float: left; margin:0; text-align: left;'>
            <b:section class='footer2' id='footer2'/>
        </div>

        <div style='width: 30%; float: right; margin:0; text-align: left;'>

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

        </div>

<div style='clear:both;'/>

</div>


Lepas tu klik preview..jika ok save...kemudian pergi ke desaign---page element...footer anda akan jadi 3 section....ada 3 add a gadget...

Sekian...

entri ja

Related Posts Plugin for WordPress, Blogger...