Home Owner Tutobies EXCHANGE TIPS/INFO

Monday, 5 January 2015

Tutorial Buat Banner With Code


Assalamualaikum wbt dan hai!

Harini saya nak buat tutorial buat banner(like me) sebab ada one of my followers asked me to.
So okay,let's start.

First of all korang kena ada PHOTOSCAPE  Kalau takde,boleh download kat SINI
Dah download?okay.

1.Buka photoscape yg korang download tadi dan klik EDITOR

  Ok dah.Korang decide dulu banner tu nak berapa page.Dalam tutorial ni Azzah buat dua page je.Kalau nak buat banyak banyak pun tak pa.

2.Dah klik editor tu,pilih banner nak bulat or square or apa apa yg korg suka.
Seterusnya,ikut steps dalam gambar.Klik gambar untuk zoom.

Lepastu,pilih banner korang nak saiz apa.Agak agaklah ikut saiz blog korang supaya boleh fit.

Kalau dah,bolehlah pilih ikut kesukaan korang,rujuk gambar bawah ni:

So,sekarang masa untuk hias banner anda,korang pandai pandai lah edit ok?Tadi dah pilih 
kan berapa "page" banner korang.so start dengan yg first page dulu.Ni contoh

Next,page kedua pulak.Saya buat simple je sebab untuk tuto.
Ehhh,jap.jangan lupa save tau page yg pertama tu.Nanti tak pasal pasal korang nangis sbb hilang hahaha.

Ok dah.proses edit mengedit dah selesai.TAPI!belum habis lagi tau. Sabar sabar. *lap peluh* hikhik.
Ikut steps dalam gambar.

hah,kalau dah,ikut pulak steps ni.Lepastu jadi da banner korang.Tekan save je.INGATT !! Save dalam bentuk GIF ok?.

boleh dah nampak banner korang tu gerak gerak hehe.So now,masukkan banner di sidebar berserta "code box" macam saya punya tu.
Sebelum tu dapatkan "link"banner korang dulu.tak payah susah susah sign up photobucket sume tu.ikut cara ni:
Dashboard--Create post--Upload banner korang tadi,n then ikut steps ni :)
Dah dapatkan link banner korang?Happy tak?hehe,Seterusnya,

Dashboard--Layout-->Add A Gadget--HTML
Copy code ni dan paste!
<center>
<center><img src="LINK BANNER ANDA"/></center>
<img style="width: 167px; height: 157px;" src="LINK BANNER ANDA" />
<center>AYAT KORANG</center>
<textarea cols="13" rows="3" style="text-align: center;">&lt;a href="LINK BLOG ANDA"&gt;&lt;img src="LINK BANNER ANDA" /&gt;&lt;/a&gt;</textarea></center>
MERAH:link banner anda tadi
UNGU:saiz banner.ikut suka korang,
JINGGA:ayat manis korang hehe :P letak lah ayat2 apa apa.kalau tak nak biar kosong.
KUNING:link blog korang

Lepastu save!Done :) Selamat mencuba and Good luck semua :D

p.s : penat gila buat tuto ni hahaha.cuba tau jangan tak cuba :P Assalamualaikum babaiii




6 Surat Cinta:

Budi bahasa,budaya kita :)