Tutorial Divider Di Setiap Post

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..hri ni eka nak ajar buat divider di setiap post korang..nmpk x gmbr mcm kat bawah ni..korang nak x..hehe..jom buat


1.Design>Edit Html>Tick Expand Widget Template
2.Cari code di bawah ni(Ctrl+f untuk cari code 2)
.post {
3.Korang akan tgk code dy mcm ni..lbh krg la..hik3
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFFFFF;
padding:7px;
-moz-border-radius: 10px;
}
4.Gantikan code di bawah..
.post {
background: url(Url Divider);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}
5.Dah ciap bleh save..tp preview dulu yer

*Divider bleh cari kat SINI

Thank You

16 comments:

Nadia said...

ciap..tankiu muchuk..:)

ika said...

@miss nadya
haha..same..
=P

nurul syahira said...

ermm..knapa tak dapat eka??? bab bnyk sangat 'edit html post' punya..keliru lah saya...

nurul syahira said...

tak jadi lah..bnyk sangat 'post'..tak tahu yang mana satu..=(

ika said...

@nurul syahiralaa..yeke..??hehe..
try n error la.

nurul syahira said...

yaaa..error saja..:'(

ika said...

@nurul syahiranpe eka wat bley jer..:(

eyka said...

yekee.....tak pe je lah..tq eka..=)

ika said...

@eyka
npe xjadik erk

nurul syahira said...

@Nur Iman saya pun tk tahu..eeh..tak pe je lah eka...susah kan eka jee... :)

ika said...

@nurul syahiraehh..xper..huhu

Are-Tien said...

x jadi pon,,

ika said...

@Are-Tien
salah ltk kot..
try tgk btol2

Are-Tien said...

ntah,,sye carik .post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFFFFF;
padding:7px;
-moz-border-radius: 10px;
}
x dew...sye copy jew lha yg soh gntikan kod tu kat bwh post {
phm x?

ika said...

@Are-Tien
crik yg ni jer .post {
yg 2 sye bg contoh laa..
t awk gnti ngn code kat bwah 2

Are-Tien said...

da....x jadi...urm...tk pe lha..

2011-2018 Copyright© All Rights Reserved Designed by : nur atikah