Life Is Cun: Tutorial #3 : Cara Buat Banner Blog

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...; 14 April 2011 pada 8:09 PTG [REPLY THIS COMMENT]
zyra toink toink berkata...: waaa!!! menarik ni! ^^; 14 April 2011 pada 8:20 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @msredcheesecake

ok sis! memang senang.. cube lah.. ^^ welcome :); 14 April 2011 pada 8:25 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @zyra toink toink

yapp.. cube lah.. :); 14 April 2011 pada 8:26 PTG [REPLY THIS COMMENT]
syairahmohdanuar berkata...: nice tips :))thnx :); 14 April 2011 pada 9:34 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @syairahmohdanuar

ok, u r welcome :); 14 April 2011 pada 9:43 PTG [REPLY THIS COMMENT]
kindergartenlibrary berkata...: elok sangat !
nelly reti pakai photoscape je ..haha; 14 April 2011 pada 10:36 PTG [REPLY THIS COMMENT]
Unknown berkata...: xnk belaja!!scha tolong watkn untuk apik la..hehe; 15 April 2011 pada 6:16 PG [REPLY THIS COMMENT]
Scha Aryana berkata...: @nelly

hehe.. kan? scha pon sama.. photoshop tak pandai.. ^^; 15 April 2011 pada 9:50 PG [REPLY THIS COMMENT]
Scha Aryana berkata...: @apik pehe

hehe.. scha buat xlawa laa.. ^^; 15 April 2011 pada 9:51 PG [REPLY THIS COMMENT]
fRaMe+LenSeS berkata...: comel la yang kamu buat tu.. nadh suka. hehe ;); 15 April 2011 pada 12:28 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @fRaMe LenSeS

hehe.. ye lah tu.. scha pakai letak je tu.. ehehe ^^; 15 April 2011 pada 12:42 PTG [REPLY THIS COMMENT]
cik fara ismail berkata...: dik,akax na tnye..url gmbr uh dpt cmne ea..
soey,akak ta taw..huhu..baru na bjinak2... :(; 17 April 2011 pada 12:37 PG [REPLY THIS COMMENT]
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; 17 April 2011 pada 9:37 PTG [REPLY THIS COMMENT]
paihujey berkata...: tq for the tutorial..hehe..dapat buat banner sendiri..; 19 April 2011 pada 2:41 PTG [REPLY THIS COMMENT]
K2r~90 berkata...: fuh mermelukan mase y pnjang tuu hehe; 20 April 2011 pada 3:00 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @paihujey

hehe.. welcome :); 22 April 2011 pada 11:09 PG [REPLY THIS COMMENT]
Scha Aryana berkata...: @K2r~90

hehe.. tgk tutorial ni memang nampak cam payah. tapi bile dah buat n paham, senang je :); 22 April 2011 pada 11:10 PG [REPLY THIS COMMENT]
this is my story berkata...: hai, sya x thu yg url image tu sya kena wt mcm mna; 11 Jun 2011 pada 9:22 PTG [REPLY THIS COMMENT]
Adeeba berkata...: @this is my story
Sye blur siked . Yg kna msukkn byk2 url tu .; 8 Oktober 2011 pada 9:30 PG [REPLY THIS COMMENT]
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; 12 Oktober 2011 pada 8:05 PG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Adeeba

tu untuk buat box untuk code,dear. untuk sape2 nak blog awak, dorang amek code tu lah. :); 6 November 2011 pada 2:44 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @fieda

ok! happy to hear that!
thanks backlink k :); 6 November 2011 pada 2:45 PTG [REPLY THIS COMMENT]
Suria November berkata...: nice tutorial.. yeah.. dh berjaya buat.. xie xie ni.. :); 25 Februari 2012 pada 4:03 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @hanna aleeya yeahh sukanya! welcomee :); 2 Mac 2012 pada 11:37 PG [REPLY THIS COMMENT]
IQ berkata...: Thanks for sharing..dah buat mmg senang jom exchange link; 6 Jun 2012 pada 11:09 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @IQok, sama2 :); 13 Jun 2012 pada 6:35 PTG [REPLY THIS COMMENT]
todoshi_farrah berkata...: akak nak try la jom singgah ke blog akak..tp akak org bru lg; 26 Jun 2012 pada 1:26 PG [REPLY THIS COMMENT]
Syaraaa_ berkata...: Thanks ye akak !! jadik..:) thanks sangat2 dh lama cari dh huhu peace !!; 6 Julai 2012 pada 2:13 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @todoshi_farrah try jgn x try! hehee ala scha pn org baru lagi la ;); 19 Julai 2012 pada 3:05 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Syara Nur Qistina yeahh tahniahh! hehee sama2 dekk ;); 19 Julai 2012 pada 3:06 PTG [REPLY THIS COMMENT]
Ana Fatihah berkata...: Teria kasih..Saya dah berjaya buat..hehe :); 24 Ogos 2012 pada 2:12 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @ana fatihahyeahh! sesame :)); 16 Oktober 2012 pada 9:26 PG [REPLY THIS COMMENT]
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; 10 November 2012 pada 1:31 PTG [REPLY THIS COMMENT]
●иυяαιиα נαzмєєяα● berkata...: Salam , kak .. Saya nak tanye akak gune font ape??; 15 Disember 2012 pada 5:13 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Nuraina JazmeeeraFont yang mana tu?; 20 Disember 2012 pada 1:09 PTG [REPLY THIS COMMENT]
AHDA WARDATUL berkata...: scha, nape bila saya view post, ade dua banner?; 20 Disember 2012 pada 1:55 PTG [REPLY THIS COMMENT]
Unknown berkata...: ooo...baru taw..hihihi; 16 Februari 2013 pada 10:39 PTG [REPLY THIS COMMENT]
❁Syakirah❁ berkata...: Thanks akk comel .. huhu; 12 Mac 2013 pada 4:43 PTG [REPLY THIS COMMENT]
Abang Menaip 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; 15 Mac 2013 pada 4:51 PTG [REPLY THIS COMMENT]
Izreen berkata...: Saya dh cuba buat.. But bila saya tekan banner saya tu, dia keluar gambar banner bukannnya blog saya... =(; 13 April 2013 pada 4:32 PTG [REPLY THIS COMMENT]
auliasuciwardina berkata...: Thankyou, sangat brguna :); 8 Julai 2013 pada 8:06 PTG [REPLY THIS COMMENT]
Shi'a berkata...: K thanks share..nak try lah; 29 Julai 2013 pada 12:39 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @1D =] cuba buat sekali lagi mana tau yg awal2 tu ada tersilap kat mana2 ke :); 13 Disember 2013 pada 7:48 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @wiya yadin hehee ;); 13 Disember 2013 pada 7:48 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @❁Syakirah❁ sesame adek comel :*; 13 Disember 2013 pada 7:48 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Aku Dan Komputer ye tq! i will ;); 13 Disember 2013 pada 7:49 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Izreen owhh tu maybe kat url blog tu awk tersilap letak url gambar. cer check balik ;); 13 Disember 2013 pada 7:50 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @Aulia Suci Wardina yeayyy welcome!; 13 Disember 2013 pada 7:50 PTG [REPLY THIS COMMENT]
Scha Aryana berkata...: @saira othman sesamee, try laa ;); 13 Disember 2013 pada 7:50 PTG [REPLY THIS COMMENT]
Admin berkata...: Hai awak...terbaik entri; 17 Jun 2016 pada 2:34 PG [REPLY THIS COMMENT]