Cara Tukar Newer Post, Home, Older Post Dengan Image Kiut-Miut

Sila tekan ctrl+c untuk copy code di bawah. TQ :)

Wow tajuk tutorial pada kali ini sangat panjang ye. Haha motif letak title panjang2? Sebab.. err sebab saja suka2. Boleh? Hihi.. Apa yang aku carutkan dekat title atas itu ialah.. Ehm kalau tak paham, boleh lihat gambar di bawah :
Kalau masih tak paham, sgt dialu2kan untuk kamu sekerol sampai bawah blog ni :B

Okay sekarang kita sudah ada blog yang comel kiut miut bermotifkan Hello Kitty macam aku ni. Kamu tak nak ke blog comel macam ni? Haip tapi Hello Kitty aku jangan curik. Susah payah aku jaga dorang sampai gemok kat sini. Tak boleh2  T___T  Apahal merepek panjang sangat ni? Lets proceed :B

Mula2: 
Dashboard >Design > Edit HTML > Tick 'Expand Widget Templates' > Tekan ctrl+f
Untuk tukar perkataan 'Newer Post', cari code ini:
 <data:newerPageTitle/>
Tukarkan code atas tu dengan code ini pulak:
 <img src="DIRECT LINK"/>
Untuk tukar 'Older Post', cari code ini:
<data:olderPageTitle/>
Dan tukarkan dengan code ini:
  <img src="DIRECT LINK"/>
Untuk tukar 'Home', cari code ini:
 <data:homeMsg/>
Kau mungkin akan jumpa code atas tu 2 kali. Tukar dua2 code tu dengan code bawah ni: 
 <img src="DIRECT LINK"/>
Untuk tukar perkataan 'Newer Post', 'Home', 'Older Post' dengan image, kau pergi imageshack.com untuk upload gambar. Upload gambar satu2. Jangan upload sekaligus. Nanti direct link dia tak jadi. Kau upload gambar tu satu2, lepas tu letak dekat 'DIRECT LINK'. Tada! Senang kan? :B 

Credit: bloggerstop.net Boleh view blog ni in case kalau kau nak cari balik coding asal teplate.


43 comments:

  1. thanks!! nice tut0rial..

    nanti I p0n nk uat jgk lah eh..

    jemput dtg bl0g utk tg0k hasil.. =)

    ReplyDelete
  2. harap2 jadi
    T_______T
    klu jd,cepat2 gtau i tau :D

    ReplyDelete
  3. dee
    mlm ni tbe2 trase rajin plak nak jd cikgu
    huhuuu

    ReplyDelete
  4. da byk kli try,tp xmenjadi2...
    geram pn ada...
    h0h0h0h0..

    ReplyDelete
  5. adeh..imej tu cuba upload satu2 dekat imageshack.lepas tu amik direct link dia.resize imej tu jd size avatar sblm upload T________T

    ReplyDelete
  6. nak tiru buat hello kitty boleh? hee.. eh, cube edit blog u buat bg background tak scroll time scroll mouse.. hee suke2 i hati je kan..

    ReplyDelete
  7. nadia,yg tu i tak tau la nak wat cmne
    huhu u ade tutorial tu x? :)

    ReplyDelete
  8. cube tmbh kod ni lepas kod background background-position: center;
    background-attachment: fixed;


    contohnye nnti jd mcm ni,
    body {
    background:$bgcolor;
    background-image:url('URL BACKGROUND');
    background-position: center;
    background-attachment: fixed;

    ReplyDelete
  9. huaaa tak jd pun nadia T___T

    ReplyDelete
  10. cmna nak buad tutorial eh?nnt code html xbole view la.
    nice tutorial.suka!

    ReplyDelete
  11. thank you niniee!!!!! dah jadi!!

    ReplyDelete
  12. mai.. yay!tahniahh! :D

    ReplyDelete
  13. thanks a lot ninie , u pya comeeel sgt ! sukasuka :D

    ReplyDelete
  14. welcome syakira :)
    dah cuba ke tuto ni?
    tahniah klu menjadi :D

    ReplyDelete
  15. akak..blh bg terus akaknya direct link yg akak gune

    ReplyDelete
  16. @Professor Hanan
    err direct link akk?
    akk lupe code die -.-"
    tp hanan blh click kat web yg akk tls kat credit atas tu
    die ade provide full tuto siap dgn direct link image
    akk pny tuto ni cikai n plg simple yg akk leh bagi :)

    ReplyDelete
  17. ninie, i buat x jd la.. dia kata ada error dkt xml code.. yg img tu.. pliss help me..

    ReplyDelete
  18. @wiwie s.
    u upload image sekaligus ke, satu2? klu u upload sekaligus,mgkn tak jadi kot.. :)
    cuba u upload image satu2,pastu copy direct link dia

    ReplyDelete
  19. AHH DH LAME CRK NI, THANKS YAW :)

    ReplyDelete
  20. oh ninie ! macam-mana nak upload 2 . xdak tulis pon dekat sini ! help me . .

    ReplyDelete
  21. @iema
    upload code utk direct link tu ke??
    awk pegi imageshack.com
    pastu browse image yg awk nak tu. pastu click upload n amik direct link yg die bg.
    utk setiap imej, awk upload sekali je. jgn upload sekaligus tiga2.
    err paham tak ni? T__T

    ReplyDelete
  22. @Ninie
    ninie home je yg dah jadi ! haha . .

    ReplyDelete
  23. @iema
    home je?? asl jd cmtu?? :O

    ReplyDelete
  24. ::♥ღ my name cik angkuh..
    im a new blogger..
    looking for new fren to share and compare..
    to tag in and tag out..
    to laugh and to be sad..
    kindly visit my blog and be a follower..
    http://cikangkuh.blogspot.com
    http://outdaysgurl.blogspot.com
    tq..
    i will send a welcome not for u later then..=)

    ReplyDelete
  25. dear..akk da try..jadi, but yg keluar hanya button newer post je..cmne ek nk show button 'home' dan 'older post' tu dik??

    ReplyDelete
  26. ok3..da bole da nini..thanks okee

    ReplyDelete
  27. mane nak cari button tu sume??

    ReplyDelete
  28. @nina
    yg tu kene google. heh tak pun lukis je sndr T__T

    ReplyDelete
  29. kenapa kat blog lia tick expand widget hilang ? mne nak cari blek .

    ReplyDelete
  30. mintak share ea..thanx..^_^

    ReplyDelete
  31. xjadi jgk la.. da bnyk kali dh wat

    ReplyDelete
  32. @slovea syashimi
    hm.. try tgk kat tuto asal. ni sy amik code yg perlu je. kt tuto asal ade full code. hope blh bntu :)

    ReplyDelete
  33. tak jumpalah code dia ? Minta tolong .

    ReplyDelete
  34. @Fatin
    yunk, tuto ni utk minima template. klu guna template designer, sy xtau.. xpernah try lg edit kt template designer. sory :'(

    ReplyDelete

Terima kasih daun keladi. Lepas ni datang lagi. Hihi ^^