Peaches_n

freebies : cute divider

Posted 12/16/11 // 1:49 AM

0 comments

kemaskan blog korang dengan divider yang comel ini :)

CARA AMBIL CODE DIVIDER NI : RIGHT-CLICK GAMBAR TU DAN COPY IMAGE URL

green

pink

purple

yellow

orange

blue

pink

green

yellow

cara letak divider :

Dashboard > Design > Edit HTML > Expand Widget Template > Tekan ctrl+f dan cari perkataan ini : .post {

tengok sikit dekat bawah dia. Ada code2 ini kan?

.post {
margin: .5em 0 1.5em;
border-bottom: 0px dotted $bordercolour;
padding-bottom:1.5em;
}

Gantikan code2 di atas dengan yang ini:

.post {

background: url(DIRECT LINK DIVIDER);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;

Kalau korang nak adjust sikit padding divider tu, (sama ada nak tinggi sikit, atau rendah sikit

ke) silalah ambil risiko ni:

Adjust la nombor warna purple atas tu. Kalau tak jadi, tak tahu

Click preview. Kalau tak ada apa2 error, okeylah tu :)

p/s: Kalau2 tak jadi apa, save dulu template sebelum edit. T_T

! Credit: ohninie.com/wanaseobie.com

0 Comments: