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

9 suka ayam goreng:

CikHoneyBee said...

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

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

Webie 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