freebies : cute divider
Posted 12/16/11 // 1:49 AM
Tumblr_lw8rs9bl1y1r4mq38o1_500_large
 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
Since 2012