Tutorial : tambah dua column footer bawah post

July 09, 2011

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 :)

You Might Also Like

0 comments

Popular Posts

Like us on Facebook

Flickr Images