Tutorial : Post Footer


1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. Ctrl + f, cari kod nih
 .post-footer { atau ]]></b:skin>  
3. Copy pulak salah satu kod di bawah nih bawah .post-footer { or atas ]]></b:skin>
Simple Box :
background:url("url gambar") scroll center transparent;border:2px solid #F6358A;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
color:#000000;
font:georgia;font-size:12px;
font-weight:;margin:0.75em 0;
padding:0px 10px 10px 70px;text-transform:uppercase;
}
Shadow Box: New !
text-align:center;
padding:8px;color: #333333;
font-size: 95%;background: #A5DBEB;
border-left: 7px solid #44B4D5;
border-right: 7px solid #44B4D5;moz-box-shadow: 0 0 5px 2px #44B4D5;
-webkit-box-shadow: 0 0 5px 2px #44B4D5;border-radius:7px;margin:6px;
}
.post-footer .span {
margin-right: .3em;
}
 EDIT :
ABC : url gambar
ABC : boleh tukar ke solid > dashed > double , code warna sini
ABC : Type of border
ABCUppercase = huruf besar. Lowercase= huruf kecil.
ABC : warna shadow
ABC : warna Border

7. Preview and save


1 comment

  1. Thank you.. Menjadi.. HelpFull tuto ! ^^

    -Mia-

    ReplyDelete

Terima kasih kerana sudi menulis komen di blog Nurrul, sebarang pertanyaan akan dibalas secepatnya. Jazakallahu khairan