30 September 2011

Tutorial | Divider di Bawah Post |



Jom cantikkan post anda dengan divider

CARA 1


1) Cari kod ini 
<div class='post-footer-line post-footer-line-3'/>
2) Copy dan paste kod ini di bawah kod yang korang cari tadi 
 <center><img height='80' src='URL DIVIDER'/></center>
3) Kod biru adalah ketinggian divider korang

4) URL DIVIDER boleh tengok kat bawah ni kalau berkenan


CARA 2


1) Cari kod ini 
.post {
tengok kod di bawahnya yang lebih kurang macam ni
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
2) Delete semua di atas dan gantikan dengan kod di bawah ini
.post {
background: url(URL DIVIDER);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
{
3) Tukar URL DIVIDER dengan URL korang dan save. Boleh ambil kat bawah ini kalau berkenan



http://dl3.glitter-graphics.net/pub/767/767273fjipnjefwi.gif


http://dl8.glitter-graphics.net/pub/926/926608xmti6n40k5.gif


http://dl7.glitter-graphics.net/pub/1030/1030417u2wzjbw63c.gif


http://dl8.glitter-graphics.net/pub/1064/1064858b92ksbi7wy.gif


http://dl6.glitter-graphics.net/pub/627/627016o9kz570twq.gif


http://dl9.glitter-graphics.net/pub/658/658759u1do5vox3v.gif


http://dl5.glitter-graphics.net/pub/726/726615qqay0z8qmb.gif


http://dl4.glitter-graphics.net/pub/1218/1218664noenqdsr17.gif

Terima kasih sudi baca. Like kalau suka

10 suka ayam goreng:

CikHoneyBee said...

cik elyana cikhoneybee tk jmpe la kod yg nk kne cr tu.. cmne erk?

El Yana said...

cikhoneybee guna template ape?

CikHoneyBee said...

erkk.. alamak. tktahu. hehehe.. cne nk thu kite gne template ape? =.=" sowie.. baru nk bljr bljr ni

El Yana said...

takpe..cikhoneybee kena tick expand widget dulu tau..lepas tu tekan ctrl + f baru search kod tadi

CikHoneyBee said...

sudah tick tp tk jmpe pun kod tu..mgkin templete sy lain kot

El Yana said...

cikhoneybee cuba try cara 2

miss nadhirah said...

saye amek satu yer.. comei sangt, ^^,

El Yana said...

@miss nadhirah orait

Anonymous said...

@El Yana akak , tak leh laa.. saya jumpa ni jak "post-footer {
margin: .5em 0 0;
color: #999999;
line-height: 1.6;
}" pening dah cari-cari tak dpt juga . cam na ni ?

miszerlyne said...

akak , tak jumpa la .. ni jer yg saya dapat "post-footer {
margin: .5em 0 0;
color: #999999;
line-height: 1.6;
}" tolongg...pening dah.Tq :)

>
 
copyright by > Cikelyana