Saturday, June 26, 2010

Home » » Cara buat animated-banner

Cara buat animated-banner

.
Salam bahagia buat semua,

Susulan daripada n3 ini. Jadi hari ini ibu kongsikan cara-cara untuk membuatnya. sangat simple sebenarnya. Simple le bila dah tahu buat.. masa tak tahu buat tu.. susah bangat rasanya...


Ibu mengguna photo editor Photocsape Photoscape ni rasanya antara photo editor yang popular.. ramai yang guna. 

1. Untuk membuat animated-banner, kita guna menu AniGif.



2.  Rajah dibawah adalah bila kita berada dalam menu AniGif

klik untuk imej lebih besar

Ikut langkah2 ni, seperti dalam rajah ade no 1 hingga 3.

  1. Pilih dan drag foto yang hendak digunakan dalam banner. Sebaiknya foto biarlah yang sudah di 'edit' & di 'resize'. 
  2. klik pada kotak menu "Change Effect" --> akan keluar kotak dialog.. boleh cuba & lihat effect setiap jenis. Untuk animated-banner dengan foto saling bertukar ganti, pilih "No Transit Effect".
  3. Savekan animated-banner ke dalam folder anda.


oppsss.. ni step yang tertinggal.. sebelum save kan.. sila resize saiz banner.. lebih kecil banner lebih bagus, saiz file juga lebih kecil & mudah untuk diupload. Selalunya banner kita tak buat besar, saiz terkecil boleh jadi 125x125 (banner iklan di blog selalunya saiz ini), boleh juga buat saiz lebih besar, disesuaikan dengan keperluan masing-masing.

okey, now banner dah siap, seterusnya adalah untuk UPLOAd kan banner. Sebelum2 ni banyak kali ibu buat tak menjadi.. Ibu upload guna Picasa 3.. file tu otomatik di convert ke extension jpg, so sah-sah le tak menjadi kan...

Untuk upload, kita guna imageshack.. ibu pun jer terTAHU tentang imageshack ni.


  • kemudian (1) browse foto dari lappy/PC (boleh upload lebih daripada 1) , (2)klik "Upload Now"



  • bila dapat page macam ni.. mean photo dah berjaya di UpLoad... bahagian yang ibu tandakan dengan garisan biru (both side) adalah kod untuk banner.. jadi.. sila lah pilih kod mana yang berkenan.. jika untuk blogger, selalunya kita guna 'Html Code'. Dah siap.. dan banner dah boleh digunakan.


Untuk yang dah familiar dengan kod html ni, just guna direct link pun sudah memadai, lepas tu create lah kod banner sendiri.. contoh macam ibu lah.. ibu hanya guna direct link jer.. pastu buat kod banner sendiri.  


option lain untuk membuat animated-banner boleh tengok kat SINI

hopefully tuturial ringkas ni membantu. Jika ade permintaan, nanti ibu cuba buat tutorial untuk buat banner yang perkataan blinking2 tu.. macam banner utk Special Giveaway kakyong[dot]com


Kakyong's shoppe - menjual kain lampin moden @ cloth diapers pada harga berpatutan - jenama Coolababy, QQbaby Minky & Babyland printed.

kalo suka dengan n3 ni, sila tekan yer..!!

Comments (10)

Loading... Logging you in...
  • Logged in as
pandai la akak explore...
aida?
kurang masa la kak nak concentrate on lappy ni.
tu yg asyik tempah kat akak jek hi hihi...
My recent post POST NI DLM MODE MELEKAT!!!
salam kakyong,

ooooooooo..amat sukar sekali dan sgt leceh, hehe! nanti nk try buat la. terima kasih ajar kami :D
My recent post APA KATA DAKU PULAK YANG BUAT
1 reply · active less than 1 minute ago
Lynn,
kalo familiar dgn photoscape tak leceh mana pun...
just trial n error.. & njoy it... ;)
TQ 4 sharing.......tringin gak nk buat ttp kena tunggu mood rajin dtg dulu...hi...
1 reply · active 769 weeks ago
kak nza..
saya pun sama cam kak.. kena tunggu mood bila nak buat sesuatu..
mujur la list kerja saya ni sentiasa penuh.. so boley pilih nak buat yg mana... hihiiii...
saya pon pakai photoscape gak.. bgus functionnya kan...
saya masih belum ada masa nak buat banner.. sibuk sikit...

My recent post 3 Sebab Mengapa Blog Tiada Komen
dah lama cari macam mana nak buat banner ni.tutorial akak ni nampaknye mcam senang.nanti kita try buat.
org lain ada banner, kita pun nak jugak...hehehe
My recent post Hangin Satu Badan!!!
1 reply · active 769 weeks ago
dek gorjes..
sila lah mencuba.. & nanti dah ade banner .. war2kan satu dunia... :D
wan anie,
kalo guna adobe lagi lah macam2 boleh buat..
watermark bulat bujur bagai boleh buat... ;)
saya guna adobe kakyong, tapi belum expert pun nak wat anmated yg pelik2, biasa2 tu boleh lar.... dlm proses belajar lagi.....

tuk dptkan code html saya pun suka guna imageshack
My recent post Woody Wood Pecker

Post a new comment

Comments by

Disclaimer

Ini adalah blog peribadi. Semua catatan @ penulisan juga adalah hak milik peribadi dan pandangan penulis, kecuali dinyatakan sumbernya.

Tidak dibenarkan mengambil tulisan @ idea di sini tanpa kebenaran. Sila minta izin yer kalo nak amik idea @ tulisan di sini.. tapi tolong ler.. usah le amik keseluruhan n3.. penat tau teman memerah otak mencari idea.

Kalo kome main rembat jer n3 teman ni, memang teman tak halalkan.Jika sekiranya teman ade terjumpa mana-mana blog yang menampal tulisan dari blog ini tanpa pernah meminta kebenaran, tuan blog tidak akan teragak2 untuk request supaya n3 tersebut di'remove'.
. .