Khamis, 14 April 2011

Tutorial #3 : Cara Buat Banner Blog

.


Kali ni sha nak ajar cara buat banner menggunakan photoscape dan gimp. Senang je sebenarnye, tapi banner simple2 je lahh.. hee




Life is Cun








1. Bukak photoscape korang. Menu > New Photo > Width 125 & Height 125.


2. Korang boleh nak design macam mana pun. Ikut kreativiti korang lah kan. Setakat ni je sha tau. Jadi, sha masukkan gambar as background.


3. Untuk nak dapatkan gambar tu jadi gerak2, korang perlu buat satu-satu. Lepas satu, save. lepas satu, save. Macam gambar kat bawah ni.




4. Bila dah semua korang save. Dekat photoscape dorang tadi jugak, Korang click pulak Animated GIF


5. Then korang drag gambar2 yang dah korang save tadi, just tarek je. Macam gambar kat bawah ni.



dekat situ, korang boleh la nak change time dy. ubah effect. semua bolehh. pandai2 la korang explore k..


6. Bila dah siap, SAVE lah! 

Untuk masukkan banner korang kat dalam blog. Korang perlu dapatkan url banner tadi. Cara nak dapatkan URL? 

Buat new post dekat blog korang. Then masukkan gambar tadi. Selepas tuu, Click Edit HTML yang ada dekat sebelah Compose tu. tau kan? Macam gambar kat bawah ni.




7. Dah ada URL gambar korang? Haa, tunggu dulu. Copy code yang scha bagi kat bawah ni. Lepas tu korang masukkan la ape yang die suruh k..

<center><a href="URL BLOG ANDA" target="_blank"><img alt="NAMA BLOG ANDA" src="URL IMAGE ANDA" border="0" /></a></center>
<center><form><p><textarea rows="3" cols="18" name="S1"><a href="URL BLOG ANDA" target="_blank"><img border="0" alt="NAMA BLOG ANDA" src="URL IMAGE ANDA"/></a></textarea></p></form><center></center></center>




Dan lepas tu, korang dah boleh letak kat blog dah kan? Haa, tahniahh! Korang nanti boleh la exchange banner lawa korang tu dengan blogger lain. Exchange dengan scha jom? winkwinkk!

Faham tak? Try lah ye. Senang je kan? Kalau tak paham dan ade ape2 nak tanya boleh komen kat bawah k? Nak senang lagi tanya je kat Facebook scha. SINI




51 Dah komen.. Anda?:

msredcheesecake berkata...

hi ms scha,
thanx for sharing.ampak cam senang jer...

Scha Aryana berkata...

@msredcheesecake

ok sis! memang senang.. cube lah.. ^^ welcome :)

nelly berkata...

elok sangat !
nelly reti pakai photoscape je ..haha

apik pehe berkata...

xnk belaja!!scha tolong watkn untuk apik la..hehe

Scha Aryana berkata...

@nelly

hehe.. kan? scha pon sama.. photoshop tak pandai.. ^^

Scha Aryana berkata...

@apik pehe

hehe.. scha buat xlawa laa.. ^^

fRaMe+LenSeS berkata...

comel la yang kamu buat tu.. nadh suka. hehe ;)

Scha Aryana berkata...

@fRaMe LenSeS

hehe.. ye lah tu.. scha pakai letak je tu.. ehehe ^^

silly lassy.. :) berkata...

dik,akax na tnye..url gmbr uh dpt cmne ea..
soey,akak ta taw..huhu..baru na bjinak2... :(

Scha Aryana berkata...

@silly lassy.. :)

url gambar boleh amek kat photobucket. kalau takde photobucket, try la masuk k. photobucket.com.. pastu kalau taknak pon boleh, carik waktu buat entri baru tu.. kalau tak paham, nanti scha buat entri.. hehe

paihujey berkata...

tq for the tutorial..hehe..dapat buat banner sendiri..

K2r~90 berkata...

fuh mermelukan mase y pnjang tuu hehe

Scha Aryana berkata...

@K2r~90

hehe.. tgk tutorial ni memang nampak cam payah. tapi bile dah buat n paham, senang je :)

this is my story berkata...

hai, sya x thu yg url image tu sya kena wt mcm mna

Adeeba berkata...

@this is my story
Sye blur siked . Yg kna msukkn byk2 url tu .

fieda berkata...

saya refer sini buat banner dan dh jadi pun..mekasih byk atad tutuorial tu..saya link kan tutorial ni kt entry ni

http://mylovely-fieda.blogspot.com/2011/10/jom-la-tampal-banner-korang-kat-ruangan.html

Scha Lalala berkata...

@Adeeba

tu untuk buat box untuk code,dear. untuk sape2 nak blog awak, dorang amek code tu lah. :)

Scha Lalala berkata...

@fieda

ok! happy to hear that!
thanks backlink k :)

hanna aleeya berkata...

nice tutorial.. yeah.. dh berjaya buat.. xie xie ni.. :)

IQ berkata...

Thanks for sharing..dah buat mmg senang jom exchange link

todoshi_farrah berkata...

akak nak try la jom singgah ke blog akak..tp akak org bru lg

Syara Nur Qistina berkata...

Thanks ye akak !! jadik..:) thanks sangat2 dh lama cari dh huhu peace !!

Scha Lalala berkata...

@todoshi_farrah try jgn x try! hehee ala scha pn org baru lagi la ;)

ana fatihah berkata...

Teria kasih..Saya dah berjaya buat..hehe :)

Zainab berkata...

assalamualaikum dek

Dah acik cuba untuk letak di http://www.zainabsgarden.com
nampak macam berjaya tp bila akak letakkan diruangan widjget di keluar dengan code html sekali ..

walaucamna pun terima kasih acik habiskan masa 2 jam untuk belajar dengan orang bijak ni ..

Cik zainab
http://www.panresepi.com

Nuraina Jazmeeera berkata...

Salam , kak .. Saya nak tanye akak gune font ape??

1D =] berkata...

scha, nape bila saya view post, ade dua banner?

Aku Dan Komputer berkata...

Dah pasang banner awak kt blog saya.. Kalau sudi pasangla banner saya kt blog ni pula ye :D ni link dia:- http://komputerdanperisian.blogspot.com/p/jom-tukar-banner.html

Izreen berkata...

Saya dh cuba buat.. But bila saya tekan banner saya tu, dia keluar gambar banner bukannnya blog saya... =(

Scha Aryana berkata...

@1D =] cuba buat sekali lagi mana tau yg awal2 tu ada tersilap kat mana2 ke :)

Scha Aryana berkata...

@Izreen owhh tu maybe kat url blog tu awk tersilap letak url gambar. cer check balik ;)

Related Posts Plugin for WordPress, Blogger...