Sunday, May 29, 2011

tutorial - tukar sidebar title kepada image

contoh sidebar i. nmpk kan yang attention tu tukar kepada image kan kan? so hari ni i nak buat tutorial pasal tu. kebanyakkan tutorial ni untuk denim template, minima and so on. tapi kali ni i buat untuk simple tempate (template designer). code code dia i belek sendiri okay ? 

so mula mula korang kena make sure berapa width sidebar korang. boleh bukak template designer. example :

click gambar untuk lebih jelas :)
dah tawu width korang berape, baru create. bagi i laa kan, i lebih suke transparent punya. i create dekat photoshop. create punya create. dah siap nanti korang amek url dia. kalau taktau nak amek url image, click sini. lepas tu log in blog korang. 
dashboard > design > edit HTML *tick expand widget templates
tekan CTRL F serentak then search title sidebar korang. contoh i punya title macam attention, counter and so on tu. 
kalau dah jumpa. tengok anak anak code dia. tengok code ni :
<h2 class='title'><data:title/></h2>
ade kan code tu? dah jumpa code tu. paste code bawah ni atas <data:title/>.
<center><img src='URL IMAGE SIDEBAR' style='border-width: 0px;'/></center>
mesti tak paham kan? example dia macam ni :

click gambar untuk lebih jelas :)
 yang i highlight tula maksud i tadi. korang jangan lupa padam code <data:title/>. dah siap untuk satu. ulang step yang same untuk title sidebar korang yang lain tu. 

tak paham tanye. jangan simple copy okay. benci gila. sape copy dia mati (!)

i dah siap 3 image sidebar. kalau nak boleh guna. tapi tinggalkan comment dulu supaya i tau. WAJIB (!)





yang ketiga tu transparent punya. 

JANGAN COPY (!)


114 lullaby:

Elya Afandy said...
This comment has been removed by the author.
Arinaa said...
This comment has been removed by the author.
amylia halmy said...

@Elya Afandy tak kuar dah laa

amylia halmy said...

@Arinaa okay okay

amylia halmy said...

@Arinaa i need your url

BellaHuneyCappucino said...

amylia . saye amik satu ea ? hehe . tengs !

amylia halmy said...

@BellaHuneyCappucino okay okay

Shin 欣倪♥ said...
This comment has been removed by the author.
Shin 欣倪♥ said...

I ambil satu but tak guna lah sbb I guna denim template :)

amylia halmy said...

@Shin 欣倪♥ okay

Tyra said...

eh eh, tyra amik satuuuu . Thank you <3 :)

Nisha Shaheera said...

Sis , I nak ambik satu leh ta? I nak yg pink tu. Thanks :)

amylia halmy said...

@Tyraokay :)

amylia halmy said...

@Nisha Shaheera a'ah okay

Siti Noratiqah said...

Kak Amylia saia nak ambil satu yea :) . Terima kasih .

Elya Afandy said...

Amek satu (:

Harizah said...

i take one erk..:)

lia_choc said...

amek 1..jgan mrh ek...heheh

Arinaa said...

amilya, this is my url - http://sitinurularina.blogspot.com tapi i private kejap

Fazira Kamaludin said...

amylia. I buat tak jadik . :'(

Sheera :) said...

ambil satu . hehe

Shin 欣倪♥ said...

Buat jadi but gmbr to tak center dgn apa yang kita post dkt siber lah. Why eh ?

Nur Dania Batrisyia said...

xjadi ;(

amylia halmy said...

@Shin 欣倪♥ maybe u buat image tu besar dari width sidebar

lolipop chubby gurlz ;) said...

i amek 1 ye amy :)

nur dyana said...

k.amy..dyana amik satu ye..

ayuuu said...

Thnaks ^^

zhrh shmm said...

sis amy sye amik nak stu ek,,

Miss Nur Asmidar said...

nk bt cmne ea.x fhm..huhu

budax blurr said...

nk buad tpy x phm . :/

Farahiyah Zainuddin said...

Ehhh , you i bt xbolee laa .. asl ney .. xmnjadi .. pape g kt blog i eh .. tlg ..

amylia halmy said...

cuba try betul betul. mesti jadi punya

Eira Affens said...

hye amylia :) sis eira ambik yang transparent punya yaa . thanks amylia sebab buat benda ni :)

aiman =) said...

i ambik satu :)

tentangkita said...

nak satu , bole ?

cikkirahh ~ said...

nak satu ! satu ja aw , HAHA .

tenkiuu :)

shiffa said...

satu buad jadi . satu lagi tak jadi . buad ulang2 kali pon tak jadi jugak :(

amylia halmy said...

@shiffa ulang step yang same je

NURUL HANIS said...

amylia , boleh i amik satu ? hahaha. thanks :)

nina said...

I amik satu ;)

Puteri said...

akak amy , saia amek satu ea ? :)

Esha iDek said...

hooray-2! :*

babyeira said...

saya ambik satu awak ^^

about oggy moggy said...

akak adek amek satu !~ THANKs

FARHANA 'AINA said...

i amek 1 yea :) tengs !

Achik SYIDA said...

saya ambil satu,thank :]

AnnaTiqa said...

hee, saya ambil satu, THANKYOUUU :)

dieyla said...

mintak amik satu ye..

Mira Meng said...

Hi, I amik yang ribbon pink tu kayy :)

nadd said...

ambk satu :)

miss kawaii said...

amek satu :)

Musy A Mahadzir said...

Akak Amylia ~ saye amik satu erk hehe.. ngee ~

ainalokman said...

sye amik satu tau. thanks. :)

LyllaZhar said...

hi akak :) saye amek satu tau . yang warna pink tu :) thanks kayu .

arisya athilah said...

sye amek satu

Hanis Syahirah said...

Amy I nak yg pink tu , TY :)

Hanis Syahirah said...

Sye amik pink tu . TY

Puan tia said...

x paham..huhuhuhu


leh tlg trgkan x tp dekat email..huhuh qaseh_zamia@yahoo.com..

Cik shasha ♥ said...

I AMBIK SATU TAW.. :))
YG WANE PINK

αииα ғαянαиα said...

saia amekk 1 :D

Daddy's Daughter said...

amylia sis rompak satu :) thanks

Cik Pieja said...

sye amek satu yerr..thnk..:)

Aqeela's said...

curi satu , hehe :)

Ezza said...

i guna yg pertama tau hehe thanks :)

iera_mierapinkys said...

amik satu yaa..

miera farhana said...

ambik satu..

shi-A :) said...

amik catuuu :)

Hambamu Yang Alpa said...

thanx..sy amik satu

Nur Dania Batrisyia said...

amy , I've gotta some problem with d sidebar , ade gamba + text sekali .

amylia halmy said...

@Nur Dania Batrisyia padam ni :

KimChie-Biey said...

sys , saya rompak satu eyh :)

♥ Dea ♥ said...

knp error??..huhu

♥ Dea ♥ said...

dpt dh..just followers n entri lepas je xdapat.. npe ea??..huhu

.: S.E.C.R.E.T.S.O.F.H.A.N.N.I.E.M.:. said...

tanx amy...sya amik 1 ea

marya MZLANN said...

Kat mane nak ambil code die?

BUNGA :) said...

amy i amek wrne pink.

BUNGA :) said...

i amek wrne pink :)

IdayuAA said...

I ambil satu :)

zieLa said...

mnjadi . thx

it ♥ said...

i used ur tuto, cool. love it damn!

Akiluz Arym said...

yaya ambil satu yea :)

Akiluz Arym said...

yaya ambil satu :)

Aqeela's said...

Amyy, aku amek yg snow white tuu tau , thnks amyyy :)

Linda said...

amy..amik satu ye..

missh chiorika said...

saya amek 1 yeaa ;)

b e b y y B u n c e t t ' s said...

Amylia ? Saya ambil satu :) thanks !

miss bubu said...

awaa , shumel ! amek taw , hehe , tengs ;)

yanalola said...

amylia i nak ambil yg ketiga tu tapi macam mana nak tahu codenye ?

yanalola said...

amylia i nak ambil yg ketiga tu tpi mcm mne nk dapat codenye ?

amylia halmy said...

@yanalola tekan image then right click

Miss Thia said...

sya guna . thanks a lott ! :DD

capital A said...

thanx 4 tuto . amek satu yee :)

liyaaa:) said...

saya ambik satu! :)

MichikoChan said...

x phm la tuto nie

MichikoChan said...

knape die jadik error tu?? haiissshh..help me please..

MichikoChan said...

okay dh boleh buat dah! trimas..=)

lala me said...

Saya ambik satu okay . :) Thank You

#AinaSyaherra said...

Ambil satuuu

nurfarah hanim said...

saye amik satu okay , thanks sys .

safiah amirah said...

amik satu yee ^^

Baznun said...

ambil satu :>

maslizauglybetty said...

amylia sheda cume nk thu kt mne amylia cari icon2 tuk wat sidebar tuh eyh.. cumel2 la hihi

Fatin Nazira said...

tenkiu for the tuto . tutorials ni memang menbantu :) jemput singgah blog fatin tau ? hehe :D

Aku Punye Ok !!! said...

i ambek stu k...

intan said...

sys , amik satu okey :)

nelly ainiey said...

sys , nk amik cmne ??

LailaZafirah said...

ambil satu boleh? :)

Nadia Hanani said...

@amylia halmysaya ambil satu ye

Anis Yungie said...

ambik satu ye,kak.Terima kasih.

Min Min Gi said...

Saya amek satu ye~ Thanks!

fera said...

amek satuu . tq =D

Sharifah Iris Syed Iskandar said...

akak amylia, kena buat kat semua sidebar title eh? and btw, Iris nak cakap thanks buat tuto ni :)

Atifah Zulkifle said...

saya ambik satu :D

Aflah Hasanah said...

dear amik satu