Tuesday, October 5, 2010

Tutorial Ringkas - Bagaimana Nak Buat Animated Banner Sendiri?

Okay, untuk tutorial ini, anda harus pergi ke laman web Photofunia Dot Com

Klik open new window ya.

Kemudian anda akan nampak banyak style effect yang ada, scroll down mouse anda sehingga nampak [Animator]

Kemudian masukkan gambar anda, anda boleh crop nanti mengikut kesesuaian anda. Kelebihan software online ni adalah ianya dapat dihasilkan combaine sehingga 5 gambar.

Ikuti step by step yang ada, boleh pilih berapa lama untuk show sesuatu image itu.

Anda telah siap. Bolehlah anda memiliki banner anda sendiri mulai hari ini.

# Anda boleh cuba himpunan effect yang lain pula ^__^..banyak yang ada tu, jadi jangan sia-siakan ya..

Tips dan info.

Rasanya, ramai dah orang tahu bagaimana hendak membuat banner dan macamana nak letak banner ke sisian blog supaya pelawat yang berminat boleh ambil banner tu. ^__^

Namun, khusus untuk yang tidak tahu, saya tunjukkan langkah demi langkah.

Ramai orang menggunakan photobucket, flickr, image hosting dan banyak lagi untuk upload banner atau apa sahaja, tetapi pada saya, anda boleh guna self-hosted di blog anda sendiri.

Bagaimana?
Ianya sungguh mudah, mula-mula buka new post, dalam ruangan title, sila letakkan "self-hosted" atau apa pun nama yang anda inginkan.

Lepas tu, anda upload gift banner image yang telah dihasilkan menggunakan photofunia animator creator.

Kemudian savekan post anda itu, tak perlu publish ya. Sebelum save, sila klik kanan image banner anda dan copy link location.

Di ruangan design, klik add gadjet, kemudian pilih html/java script.


Taipkan :

<a href="Isikan ruangan ini dengan url blog anda" target="_blank"><img alt=".." border="0" height="180" src="Isikan ruangan ini dengan link image yang anda telah copy link location tadi" width="180" /></a>

Anda boleh buang bahagian border, height dan width. Ianya adalah bertujuan untuk mengawal saiz banner anda. ^__^

Kini, anda dah ada banner kan? Bolehlah exchange banner lepas ni..he..he..

Selamat Mencuba kawan-kawan ^__^

5 comments:

  1. bagus nyer kasi tutorial.saya je blur2..hhee

    ReplyDelete
  2. thankz for tutor =)

    macam mana nak buat box yang nak letak link/html macam hang punya kat sbelah ni?

    ReplyDelete
  3. mekaseh ye utk tutorial ni..sgt membantu!..hehe..follow!!

    ReplyDelete