TUTORIAL BUAT BANNER BLOG SIMPLE + CANTIK

Assalammualaikum....

Okey, hari nie Princess ada kerajinan nak buat tutorial sebab ada yang minta suruh ajarkan...so, jom belajar okey...nak tak banner cantik macam Princess...ada dua jenis banner 1st banner kelip2 or gerak2 tu...tapi Princess belum ada kerajinan nak buat tutorial itu okey...nanti2 Princess ajarkan okey..kali nie just nak ajar banner simple tapi cantik!!
Princess tak menggunakan software adobe photoshop macam blogger2 lain buat, Princess just guna 2 software iaitu software PHOTOSCAPE dan GIMP-2 Kalau tak ada software tu Princess dah bagi link software itu tau klik pada perkataan software itu okey..


Mula-mula buka software Photoscape:
 1: Klik Editor
2: Klik Menu untuk tentukan saiz dan background banner
 3: Keluarlah kotak 'New Photo'
4: Tentukan saiz Width kepada 200 dan Height kepada 200
5: Tukarkan colour background kepada putih okey
6: Klik 'OK'
 7: So, akan jadi seperti itu....
8: Klik 'Object' untuk meng'edit' banner anda
 9: Tengok bentuk-bentuk korang pilihlah nak pilih bentuk bulat ke segiempat ke bersegi segi ke ikut suka korang lah
10: Warna background banner tu ikut koranglah nak buat macam mana kan...tapi klik tanda right di kotak 'Fill' okey
11: So, akan menjadi macam nie
 12: Selepas itu, boleh buat border klik balik bentuk yang korang buat background tadi tu
13: Lepas itu,klik 'outline' untuk buat border banner tadi okey
14: So,akan jadi macam itu
15: Tekan 'Photo' untuk pilih gambar yang korang buat itu suka hati ikut citarasa nak letak gmbar apa2...
16: Klik 'T' for 'Text' untuk buat tulisan atau apa2 word yang korang nak letak kat banner itu okey
17: So, akan jadi macam itu okey..cantik kan...??
Kalau belum Transparent akan jadi macam ni:
Okey sekarang kita nak 'Transparent' banner tadi, kita kena guna software Gimp-2 pula ye:
 1: Klik 'File' >> klik 'Open' >> pilih 'Image' yang korang nak itu okey
2: Selepas itu, klik 'Fuzzy Select Tool' 
3: Klik di background putih itu okey
3(a): Korang cari pemadam merah itu okey or 'Eraser Tool' paswu padam aje okey....pada background yang korang dah select itu...
 4: So, akan jadi macam itu okey
so, nak save tengok cara-cara di bawah okey..
5: Save in folder kat folder mana2 yang korang nak letak okey
6:klik'PNG Image'
7: Klik 'Save'
Okey dah siap!!
Kalau dah siap jadi macam ini:

Okey sekarang nak ajar cara letak code banner dalam kotak bagi bertujuan untuk blogger lain exchange banner dengan kita okey...caranya adalah seperti berikut:
contoh

code adalah seperti di bawah ini:

<center><textarea rows="4" cols="20" name="code"><a href="URL BLOG ANDA" target="_blank"><img src="URL BANNER BLOG ANDA" border="0"/></a></textarea></center>

Okey sekian wassalam
pen~off

21 Comments:

uMi_atiQaH said...

alaa..susah la..sy nk blog sy jd cntek gk.huk3

❤‌ princess nabilah ❤‌ said...

@uMi_atiQaH


jom lah tempah umi hehehe

azrijohan said...

x pandai guna soft gimp2....

❤‌ princess nabilah ❤‌ said...

@azrijohan

boleh belajar...princess kan ad hehee..xpe2 nnt princess ajarkn ok

AnNa AltHaFunNiSa said...

xretilh

huda said...

seriousss mmg cntik ur blog..simple+cute+interesting =)
congrates!

yaya dluver said...

@❤‌ princess nabilah ❤‌

akkk sye dh buat banner tapi kt mne nk ambek code banner kite

❤‌Princess Nabilah ❤‌ said...

@yaya dluver

ermm cra akk buat manual jerk akk upload gmbr tu kat new post...paswu klik kanan ada tulis copy url image cmwu je laa hehehe

rubee rubi ^^ said...

YA ALLAH kak .
tak menjadi langsung .
subhanallah .
penat saya mencuba .
tak boleh langsung .
lagi satu kak ,
kenapa kalau saya erase pun ,
dia tetap akan putih .

❤‌Princess Nabilah ❤‌ said...

@rubee rubi ^^

owh kat gimp-2 wu kamu klik kanan nnt akn kuar stu pop up kan kamu cri layer>transparency> klik add alpha channel
paswu baru erase jerk oke....huhu

❤‌Princess Nabilah ❤‌ said...

@huda

thanks huda

❤‌Princess Nabilah ❤‌ said...

@AnNa AltHaFunNiSa

jom tempah kat sy oke heheh

Nurul Izazie Kamaludin said...

salam...nk tnyer bole ?kenaper eh..kalo sye letak banner yg sy buat uthh kt blog...bile syer tkn jer mstie akn keluar Photobucket....slalu nyer kluar blog...tlg eh..tq..

❤‌Princess Nabilah ❤‌ said...

@Nurul Izazie Kamaludin

kamu slh ltk kn link sy rase..sbb tu jd mcm tu hehehe cbe check balik yer

♥ HaslienaLiena ♥ said...

Macam mane na gune gimp?? susah lha . time nak eraser dia punya gmbar tuh xjady pon . tlgg lhaa princess;(

Matasepet said...

assalam... nk tya.. code tu nk copy kt mn? instruction plezzzz :/ - tq

cik maria hadi said...

sampai sekarang saya xpandai nk buat banner huhuhu...

suci khairunnisa Icha said...

@❤‌ princess nabilah ❤‌ cara membuat tulisan di blog agar cantik itu macam mana laa,,,, nabila...

Na'ima Butiq said...

Dah selalu mencuba tapi bila paste code yg diberi tak jadi2 gak huhuhuhuuuu camne tolongggggg........

wani arma said...

cantik sgt2...thanks for da information...dpt byk info nk buat blog yg cantik

galih n gumilar said...

mantap dah .. artikelnya sukses slalu ya blognya

 

Copyright by © 2013 Studio Puteri Nabilah