27 February 2011

Tutorial : page divider

Assalammualaikum :) . tutorial nih untuk letak page divider lepas abis 1 post tu . nak kasi kemas . contoh dy tengok image


1 . Dashboard > Design > Edit html > tick Expand Widget Templates

2 . cari code nih :
.post {

3 . kemudian , copy nih :
background: url(http://dl2.glitter-graphics.net/pub/432/432022s1vheyatjs.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;

4 . letak BAWAH .post {

5 . yang tulisan merah tu , gantikan dengan url pilihan korang . boleh cari di >sini<

12 comments:

Maii Yusre said...

maii pakai divider ni dulu eh..insyallah bila free nanti maii tukar..btw thanx! maii da credit dlm blog maii :)

http://cikriben.blogspot.com/p/credit.html

DAYAH a.k.a budaxchomot said...

hye .. nak tnyer ,, lau sy ta jmpe kod post tu mcm mne ea ?? ><"??

Nurhafizah Mohd Noor said...

@DAYAH a.k.a budaxchomot try cri dkt kawansn .post tu jgk .

fatinfadzil20 said...

Thanks kak! :)

Nurhafizah Mohd Noor said...

@fatinfadzil20 wlcm =)

cikk faten said...

thanx ! jadi :D

Adleen Suhaimi said...

awak, tak jadi lah. mcm mana ? nak cari yg .post{ tu ha ta jumpe. evern dh buat ctrl+f. Howww?

Nurhafizah Mohd Noor said...

@Adleen Suhaimi cri dkt bhgian post .

♥ e|isa ! ♥ said...

Thanks . Da jadi :) Good tuto .

yaty said...

tak jumpe code post tu laa. :(
mcm mne ekh?

Mey-churah said...

ta jumpe laa code .post { tu , camner?

cik sara said...

ade due code, yg mane satu nk kne amik bile kite dh pilih glitter yg kite nk ?