[Tutorial] Letak Banner Dalam Blog

Salam..

setelah selesai buat tutorial Buat Banner guna Photoscape..now nak ajar pulak cara nak letak banner tu dalam blog dan ada kotak kod sekali..

1. Buat Banner guna photoscape / photoshop (banner saiz 125x125 atau 100x100)

2. Upload banner ke PHOTOBUCKET. Copy HTML CODE banner yang telah korang upload ke photobucket tadi dan pastekan di NOTEPAD / MICROSOFT WORD / WORDPAD ..

 contoh :

<a href="http://s301.photobucket.com/albums/nn46/cuttysakura93/All%20about%20BLOG/?action=view&amp;current=anigif.gif" target="_blank"><img src="http://i301.photobucket.com/albums/nn46/cuttysakura93/All%20about%20BLOG/anigif.gif" border="0" alt="Photobucket"></a>

3. Copy code di bawah dan pastekan ke Notepad atau sewaktu dengannya... sebab paste ke notepad coz code banner belum lengkap..

<a href="URL BLOG ANDA" target="_blank"><img alt="Photobucket" border="0" src="URL BANNER BLOG ANDA" /></a>

gantikan tulisan merah tu dengan URL BLOG dan URL BANNER BLOG. Mana nak dapat URL BANNER?? sabo sabo.. kita ke step seterusnya..

4. Ambil URL blog dalam code di step yang ke-2 tadi. Ambil yang tulisan warna biru tu. Just copy tulisan biru tu saja. Aittt..jangan copy code mira pulak. code gambar lain-lain okay..

5. Dah siap letak URL BLOG dan URL BANNER..now nak buat pulak kotak kod banner atau dipanggil TEXTAREA

6. pergi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT.

7. Copy code dibawah dan pastekan di HTML/JAVASCRIPT


<center>KOD BANNER<textarea>KOD BANNER</textarea></center>

Tulisan warna pink tu gantikan dengan code banner korang. Code yang telah korang buat di step 3.

8. Tekan SAVE.. cuba tengok kat blog..jadi tak?? Kalau jadi..sila tepuk tangan dan senyum.. Kalau tak jadi janganlah hantuk kepala korang tu..

Kalau tak faham sila tanya..kalau boleh tinggalkan URL BLOG kalau nak bertanya.. boleh mira jawab kat shoutbox blog korang tu..

Akhir kata dari mira..

Selamat mencuba dan semoga berjaya...



Sayonara..

22 budak baik!:

misya mialen said...

tak fhm la step yg ke 7 tu

@remar said...

mntak kebenaran promote dalam blog erk.....hehe

Selipar Jepun said...

salam...best lar amirah punye blog ne..suke suki kat tutorial yg cool2..btw, tenks..nanti nk terai lah..eh, kite baru folo,,folo mine back ek?tadaa!

Saiazuan said...

thanks.. :D

cik chemist said...

thx..dh jdi..^_^
t follow n exchange link ngan link sy yg xsbrpe uh..huhu..
luvlypolkadot.blogspot.com

Eyla said...

Assalam...Tak fahamlah step 7...Boleh ajarkan semula? :)

[ wanni ] said...

best lah tuto ni :D

Park Hyun Ji said...

mcam mna nak bgi ada link kat banner tu ?

mcam bile tekan je kat Banner uh , nanti kuar lha blog kita ..
Sye tak tauu

FITRAH JAMIL said...

dah jadi terima kasih

Hayfaa Couture said...

mula2tunggang langgang , akhirnye menjadik ! maseh ye awak :) exchange banner jom :D

beloGIsam said...

izin try n error k,, dtg jengah dan amik

AiRiS AlYa said...

asalamualaikum..tq buatkan tutorial ni..dah lama dah saya cari tutorial ni..saya blogger baru..singgah la blog saya..dan bagi komen..saya tgh improve buat blog..

AiRiS AlYa said...

asalamualaikum..tq buatkan tutorial ni..dah lama dah saya cari tutorial ni..saya blogger baru..singgah la blog saya..dan bagi komen..saya tgh improve buat blog..

Siti Munirah said...

best btol tuto nie..
hehehe..

Chekgu Anitt said...

tenkiu..sangat menarik

syaqirin said...

jadik2..mekaseh ye..jasamu kukenang.nti join blog bru sye ye..http://sophiepariskiosk.blogspot.com/

SYFQA KIERA said...

Macam mana nak delete banner ni balik ek?

Amirah Su'aidah said...

@SYFQA KIERA cari kod kat atas tu balik then delete la code tu .. =)

Ken Eriksen said...

thanks ;)

Misz Ecah said...

hehe tq kak , dah jadi :)

Amirah Nuraisyah said...

@misya mialen yang step ke 7 tu kan..sy rasa buang KOD BANNER yang pertama tu. then baru jadi. insyaAllah la lau sy tak silap. :)

Norshafika Zambri said...

Sye tak jumpa pon code tu.. Dekat mne code tu kak? :(

Related Posts Plugin for WordPress, Blogger...