27 September 2010

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:

Hashira Yusoff said...

thanks!! nice tut0rial..

nanti I p0n nk uat jgk lah eh..

jemput dtg bl0g utk tg0k hasil.. =)

Annyss said...

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

Dee said...

rajinnya buat tuto

Annyss said...

dee
mlm ni tbe2 trase rajin plak nak jd cikgu
huhuuu

:: m!3yr4h_nAnEA :: said...

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

Annyss said...

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

mak enon said...

berjaya!tq ninie!

Annyss said...

mak enon,yay!berjaya!

Nadia H. said...

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..

Annyss said...

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

Nadia H. said...

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;

Annyss said...

huaaa tak jd pun nadia T___T

CiciRery said...

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

Siti Maisarah Zulhaimi said...

thank you niniee!!!!! dah jadi!!

Annyss said...

mai.. yay!tahniahh! :D

S Y A K I R A (: said...

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

Annyss said...

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

Professor Hanan said...

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

Ninie said...

@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 :)

wiwie s. said...

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

Ninie said...

@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

wewwOFhszy said...

AHH DH LAME CRK NI, THANKS YAW :)

iema said...

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

Ninie said...

@wewwOFhszy
heh no biggie yaww ;D

Ninie said...

@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

iema said...

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

Ninie said...

@iema
home je?? asl jd cmtu?? :O

.::~♥ღcik angkuh yg chumelsღ♥~::. said...

::♥ღ 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..=)

Dyha ding.dong said...

thanks a lot :)
jadi :D

mia said...

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

mia said...

ok3..da bole da nini..thanks okee

anysmayonis :) said...

thx :)

nina said...

mane nak cari button tu sume??

Ninie said...

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

SITINURKAMALIA said...

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

mia syira said...

mintak share ea..thanx..^_^

slovea syashimi said...

xjadi jgk la.. da bnyk kali dh wat

Ninie said...

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

Peti-Berisi said...

thanks for the tuto :)

Msrh :B said...

tq

Fatin said...

tak jumpalah code dia ? Minta tolong .

Ninie said...

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

Run Patch said...

yes jadi!!!