May 17, 2011

Tutorial : Divider between post

okeh..camne nak buat divider dekat setiap post entry korang? try these simple steps okeh..lets do it.


1) Log In>> Dashboard>> Design>> Edit HTML>> Tick Expand Widget Template

2) Tekan "ctrl+F" dan cari code bawah ni

 .post {

3) For sure korang akan jumpe code camni lepas cari code .post {
 
 .post {
  margin: 0 0 $(post.margin.bottom) 0;

4) Then copy and paste code yang bawah nie BAWAH code tadi
 
 padding-bottom:.5em;
background: url("DIVIDER URL") no-repeat bottom center;

5) Preview..kalao dah jadi boleh SAVE ye
at

8 comments:

  1. myzziemaMay 17, 2011 at 6:10 PM

    thanks for tutor :D

    ReplyDelete
  2. Shue HannaMay 17, 2011 at 6:41 PM

    bnyk gila tuto.. bgus2.. bolah jadi bahan rujukan nanti.. haha

    ReplyDelete
  3. yqnq ellyanaMay 17, 2011 at 6:44 PM

    @ m.y.z : ur welkame ^^, jgn lupe praktikkan ye

    ReplyDelete
  4. yqnq ellyanaMay 17, 2011 at 6:45 PM

    @ aku huduh : huhu..okeh..kalao tak paham boleh tyer yana ye

    ReplyDelete
  5. vixx.May 28, 2011 at 6:49 PM

    akak , xjumpe laa yg kene cari '.post ' tuhh ... tak ade.... nak buat camne?

    ReplyDelete
  6. ikaMay 29, 2011 at 9:50 AM

    xdapat lah, dah bape kali cube, tak jumpe pon kak :(

    ReplyDelete
  7. Fatin NabilaMay 29, 2011 at 9:53 PM

    DIVIDER BAWAH POST TU CMNE?

    ReplyDelete
  8. lia_chocJune 3, 2011 at 8:37 PM

    x jumpe pon code (.post) tu...

    ReplyDelete

Terima kaseh drops komen
Esok-esok drops komen lagi oke ! :)