Khamis, 25 Oktober 2012

Tutorial : Cara buat Banner atau image bergerak pada Banner

Kawan-kawan arini mai nak ajar buat Banner bergerak


Let's Follow The Step

Step 1 : 
Buka PhotoScape klu tak ada install yea 

Step 2 :
Klik Editor - Pilih gambar - Edit gambar ke saiz kecil.Saiz yang aku guna  150x200

Step 3 :
Letakkan Text pada gambar.Kemudian savekan gambar tersebut dalam format .Gif.

Step 4 :
Untuk meletak effect blink2 tekan button Object > Photo > Effect.Pilih effect ape yang sesuai.Aku pilih effect011,effect009 dan effect007 tapi jangan bubuh sekali gus.Korang kena buat effect011 kemudian save,kemudian effect009 save kemudian effect007 dan savekan..Ingat kesemuanye kena save dlm format .Gif.

Setelah siap semuanye korang klik pula button AniGif,combine kesemua gambar yg korang savekan ke format .Gif tadi.Lepas tue godek lah change time nak cepat ke lambat dan change effect utk tukar effect.

Step 5 :
Bagi meletakkan banner yang siap tue ke dalam blog, korang kena uploadkan banner tue ke Photobucket.Sekali lagi klu tak pernah register sila lah register k..

Step 6 :
Setelah di uploadkan banner copykan pula HTML code banner tue dan pastekan ke Microsoft Word.

Contoh yang aku punya jangan copy aku punya plak nanti kuar banner aku..


<a href="http://s1352.beta.photobucket.com/user/myfaraflk/library/" target="_blank"><img src="http://i1352.photobucket.com/albums/q660/myfaraflk/bannerblogceriteraflk.gif" border="0" alt="Photobucket"/></a>

Step 7 :
Copy code dibawah dan pastekan ke Microsoft Word 

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

Gantikan tulisan merah tue dengan URL BLOG dan URL BANNER BLOG.

Step 8 :
URL BLOG = url blog korang lah
URL BANNER BLOG = Tulisan warna biru di step 6.Gantikan yang korang punya tau jangan ambil aku punya


Contohnye

<a href="myfaraflk.blogspot.com" target="_blank"><img alt="Photobucket" border="0" src=" http://i1352.photobucket.com/albums/q660/myfaraflk/bannerblogceriteraflk.gif" border="0" alt="Photobucket " /></a>

Step 9 :
Pergi ke Dashboard > Design > Add a Gadget > HTML/JAVASCRIPT

Step 10 : 
Copy code dibawah dan pastekan di HTML/JAVASCRIPT

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

Tulisan warna biru tue gantikan dengan code banner korang

contoh
<center><a href="http://myfaraflk.blogspot.com/" target="_blank"><img alt="Photobucket" border="0" src=" http://i1352.photobucket.com/albums/q660/myfaraflk/bannerblogceriteraflk.gif" border="0" alt="Photobucket " /></a><textarea><a href="http://myfaraflk.blogspot.com/" target="_blank"><img alt="Photobucket" border="0" src=" http://i1352.photobucket.com/albums/q660/myfaraflk/bannerblogceriteraflk.gif" border="0" alt="Photobucket " /></a></textarea></center>

Step 11 : 
Tekan save dan view lah jadi ke tak..

Selamat Mencuba


***boleh tengok disini 

Tiada ulasan :