Tutorial:Membuat border pada Post Body

Salam..nk share tutorial neh...
Actually...sje wa nk wat tutor neh untuk rujukan wa len kali...
sbb wa neh suke edit2x blog...
Jdi klu da de dlm neh..sng..len kali nk wat g..trus refer jer kt sini...
  1. Sign in Blogspot > Design > Edit Html > Tick Expand WIDGET
  2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!!!
  3. /* Posts
  4. Then korang akan jumpe kod neh
  5. /* Posts
    ----------------------------------------------- */
  6. Copy kod kat bawah neh..and paste kan DIBAWAH kod yg korng cari tadi...
    .date-header {
    margin: 1.5em 0 .5em;
    text-align: right;
    background: white;
    color: red;
    line-height: 1.0em;
    font-size: 16px;
    font-family: verdana;
    }
    .post {
    margin: .4em 0 2.5em;
    padding-bottom: 1.5em;
    border: dotted #FFAFF6 1px;
    background: white;
    }
    .post-title {
    margin-bottom: 1px;
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    font-family: times new roman;
    line-height: 1.3em;
    text-align: left;
    color: black;
    background : #F8B4BF;
    padding: 0 3px 3px;
    }
    .post-body {
    margin: 0 0 .75em;
    line-height: 1.6em;
    padding-left: 5px;
    padding-right: 4px;
    }
    .post-title a, .post-title a:visited, .post-title strong {
    text-decoration: none;
    color: black;
    font-weight: bold;
    }
    .post-footer {
    margin: -.25em 0 0;
    color: #333333;
    background : #F8B4BF;
    font-size: 100%;
    }

5. Untuk yg wa bold merah tu..korang edit la suke ati korang eh...

Dotted leh tukar jadi solid or dashed
Yang text-align boleh tukar left,right or center  
Font-family boleh letak ape aje jenis font yang wujud dalam microsoft word  

6. Lepas siap semua Preview dulu then puas hati baru Save!!!

Credit to Cik HudaLuna

No comments:

Translate

Related Posts Plugin for WordPress, Blogger...

Exchange Link

 
COPYRIGHT BY MAMA ATIYYAH, AND TEMPLATE DESIGN ALL RIGHT RESERVED BY CIK ROSE CUTE wink