Blog Cik Emma: Tutorial : tambah dua column footer bawah post

09 July 2011

Tutorial : tambah dua column footer bawah post

Tutorial ini akan menerangkan mengenai cara bagi menambah dua column untuk menambah gadget pada bahagian bawah post korang. ini boleh menambah cantik blog korang dan dilihat lebih kompleks seperti website.

1.Log in ke dashboard blog korang--> Design- -> Edit HTML
2.Cari kod dibawah ini dalam template korang.

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog type='Blog'/>
</b:widget>
</b:section>paste disini</div>

3.Sekarang Gantikan perkataan paste disini dengan kod dibawah ini.

<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>

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


Lihat contoh kat bawah :







4.Selepas itu, lakukan carian kod ini.

]]></b:skin>

5.Dan tambahkan kod dibawah ini sebelum kod ></b:skin> tadi

#magazine-left {
width: 45%;
float: left;
}
#magazine-right {
width: 45%;
float: right;
}

6.Sekarang klik save template. dibawah adalah salah satu contoh hasil yang telah dilakukan.



Done :)

No comments:

 
Copyright© All Right Reserved by Cik Emma