PhotobucketPhotobucketPhotobucket

Wednesday, August 10, 2011

TuToRiaL PosT TiTLe BackGrounD

nak xtukar post title dari yang ni

kepada yang ni?


kalau nak, bolehla cuba tutorial dekat bawah ni.. ;)

a) Cara Pertama:
  1. Dashboard-> Design-> Edit Html-> tick expand widget template
  2. Search .post h3 { ataupun h3.post-title {
  3. Kalau dua2 kod ni xjd, boleh paste kod di bawah ini kat bawah h4 }
  4. Copy and paste code ni di bawah .post h3 { ataupun dibawah h4 }

    border:0px dashed #cc99cc; text-align: center; margin:.5em 0 .5em; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.2em; background:url(URL BACKGROUND); color:$titlecolor; }
     5. Bagi sesiapa yang mencari kod ini-> h3.post-title {
         pastekan kod di bawah ni, dekat bawah kod td
    border: 3px solid #C0C0C0; background: url(URL BACKGROUND);

b) Cara kedua:
  1. Dashboard-> Design-> Edit Html-> tick expand widget template
  2. Search .post h3 a, .post h3
  3. korang akan jumpe coding macam kat bawah ni
    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block; text-decoration:none;
    color: $titlecolor;
    background-color: #ffffff; }
   4. tukar
    background-color: #ffffff;
      kepada
    background: url(URL BACKGROUND);

     untuk ubah suai ketinggian background supaya bersesuaian dengan saiz tulisan, korang kene buat macam ni.

      5. search coding dekat bawah ni
    } .post-title { margin:.2em 0 .25em; padding-bottom: 15px; font: $title; line-height:1.4em; color:$titlecolor; text-align: center;
6. dekat line height tu, korang pandai2 la setting berapa y korg nak supaya muat2 dgn tulisan..

setiap blog mempunyai coding yang berlainan..kene rajin la study coding blog masing2..selamat mencuba ye.. :)
Di BeBeLKaN oLeH PaDa
Labels:

15 comments :

  1. KAugust 10, 2011 at 10:48 PM

    nice :)

    nak try la pasni

    ReplyDelete
  2. tomatokeringAugust 10, 2011 at 10:52 PM

    pandaii nye coding2 ni .. kite tak reti lgsg >..<

    ReplyDelete
  3. Liefde AinAugust 11, 2011 at 12:00 AM

    loame da cari tutorial nie :) thanks ..~ nk try buat..~

    ReplyDelete
  4. UnknownAugust 11, 2011 at 7:06 AM

    thanks for sharing..leh cuba ni

    ReplyDelete
  5. ::ini belog saya . cinta hati saya::August 11, 2011 at 10:57 AM

    wah . bole try nie

    thanks ya

    :)

    ReplyDelete
  6. Green AppleAugust 11, 2011 at 12:14 PM

    best... nak try...

    ReplyDelete
  7. Green AppleAugust 11, 2011 at 12:15 PM

    buat la tuto cantikkan kotak komen macam ni.... hehe

    ReplyDelete
  8. UnknownAugust 11, 2011 at 7:42 PM

    @sergeant keroro sila la try..hehe..

    ReplyDelete
  9. UnknownAugust 11, 2011 at 7:42 PM

    @tomatokering :) mula2 mcm tu jgk..tp bila da lama blogging, tbe2 je dpt adept dgn coding ni..xdekla terer sgt pon..tp tau la kit2.hee

    ReplyDelete
  10. UnknownAugust 11, 2011 at 7:43 PM

    @Liefde Ain my pleasure dear :)

    ReplyDelete
  11. UnknownAugust 11, 2011 at 7:43 PM

    @Edy Zaidi sharing is caring beb :)

    ReplyDelete
  12. UnknownAugust 11, 2011 at 7:43 PM

    @::ini belog saya . cinta hati saya:: sila la try.huhu..

    ReplyDelete
  13. UnknownAugust 11, 2011 at 7:44 PM

    @Green Apple try la ..sila la...hehe

    ReplyDelete
  14. UnknownAugust 11, 2011 at 7:44 PM

    @Green Apple insyaAllah, nnt fy buat ek.. ;)

    ReplyDelete
  15. ♥ Lia Abdillah ♥August 11, 2012 at 9:48 AM

    TQ, sys . Akhirnya jadik jugak . Guna tuto sys bru jadik . org lain punye sy wat xjadi . So, tenkiup very much . Al-fatihah utk ayah sys ye . Kalau sudi, visit la blog sy ye sys .
    www.najaha-abdillah.blogspot.com

    ReplyDelete

DoNT 4Get To DrOp Me A cOmMent b4 u LeaVe..
tQ.. =)

Subscribe to: Post Comments ( Atom )