Cara Membuat Banner Flash Online Dengan Flashvortex

flashvortexIlmu konik Saputra - Banner blog merupakan gambar, ciri khas, atau identitas dari suatu blog. Rata-rata banner yang ada di blog cuma berupa gambar statis. Benar gak...? Akan lebih enak di lihat apabila banner itu mempunyai gambar yang bergerak atau ada animasinya. Untuk membuat ini banyak software yang bisa digunakan contohnya macromedia flash, photoshop, dan lain-lain. Tetapi bagi anda yang tidak mempunyai software pembuat animasi, kurang mempunyai kemampuan di dalam membuat banner, atau anda kurang ide untuk membuat banner lebih baik anda mencoba ini. Membuat banner flash secara online. Waw... pastinya anda sangat tertarik kan. Bagaimana caranya??? Yuk kita lihat cara membuat banner flash dengan flashvortex.

Saya membuat banner di bawah ini tanpa perlu menggunakan image editor atau program-program rumit, lho ! Instan dan saya lakukan hanya dalam hitungan waktu kira-kira 5 menit saja dan jeng jeng …. banner flash saya pun siap.



Berikut saya contohkan bagaimana membuat banner flash di atas dengan menggunakan generator banner dari FLASHVORTEX. Langsung saja anda ikuti

langkah-langkahnya yang saya lengkapi dengan screen shot sebagai berikut :

1. Silahkan anda buka website http://flashvortex.com/

2. Pada halaman home page situs tersebut, lihat screen shot di bawah, anda pilih atau klik bar navigasi “Banners”. Anda bisa juga membuat menu, text, buttons, dan clock. Tetapi untuk kali ini saya akan menjelaskan cara membuat bannernya. Untuk yang lainnya anda bisa mencobanya sendiri.
homepage flashvortex

3. Selanjutnya akan muncul halaman web yang menampilkan model-model template banner yang anda dapat gunakan secara gratis. Anda tinggal pilih salah satu dengan cara meng-klik tulisan CLICK HERE TO EDIT THIS yang terletak di bawah template banner bersangkutan. Sebagai contoh, untuk penjelasan ini saya memilih generator: Graffitification.
grafiti

4. Setelah dipilih, akan muncul halaman web berikut :
line pertama flashvortex

Halaman ini akan memunculkan 5 kotak teks tempat anda menuliskan pesan atau informasi yang ingin ditampilkan pada banner flash. Anda juga bisa mengatur warna dan ukuran teks yang ingin ditampilkan sesuai keinginan.

5. Untuk contoh banner flash di atas, pada kotak teks baris pertama; tulisan yang ada saya hapus dan ganti dengan tulisan GRATIS DOWNLOAD.
gratis download

Warna teks (font) saya set ke #F45E00 (warna orange). Kode hex dari warna teks ini dapat diedit atau diubah-ubah dengan cara meng-klik kotak “Text Color”, nanti akan muncul window gradasi warna. Geser kursor ke warna yang anda ingini untuk teks anda, kemudian Klik di warna tersebut, nanti kode hex akan berubah dengan sendirinya mewakili warna teks yang barusan anda pilh. Untuk mengatur ukuran teks, silahkan edit angka yang tertera pada kotak “Text Size”. Sebagai contoh, saya memilih “40”.

6. Dengan cara yang sama, lakukan pengeditan teks dan warna pada kolom-kolom selanjutnya.

7. Langkah berikutnya, jika anda merasa perlu untuk melakukan setting lebih lanjut, anda dapat mengisi dan mengedit-nya pada “General Settings”.
general setting flashvortex

Jika banner anda digunakan untuk mengarahkan pengunjung ke suatu link tertentu jika di-klik, isikanlah URL link yang anda maksud. Sebagai contoh saya isikan http://ilmukoniksaputra.blogspot.com. Jika anda member berbayar (premium) dari FlashVortex, anda dapat melakukan pengeditan warna gambar dan background template banner , jenis font yang digunakan, dan kecepatan animasi. Untuk non-member, setting-nya sesuai dengan template yang sudah diberikan apa adanya, jadi settingan baris berikutnya bisa diabaikan.

8. Selanjutnya, langsung saja klik tombol “Generate Animation” untuk membuat kode animasi dari banner kita sesuai setting yang telah dilakukan pada langkah-langkah sebelumnya.
generate animation flashvortex

9. Halaman web yang muncul setelah tombol “generate Animation” di klik adalah :
download flashvortex

Di sini anda diminta untuk memilih jenis instalasi banner flash yang telah dibuat ke website anda, yaitu dengan cara EASY atau ADVANCED. Sebagai contoh, saya pilih cara “Easy”. Jadi saya copy code script yang sudah di “generate” oleh generator banner FLASHVORTEX ini, kemudian saya paste ke blog ilmu konik saputra ......... SELESAI

Nah, bagaimana menurut anda ? Mudah dan cepat khan ! Hasilnya, lihat banner flash di atas. Selanjutnya, silahkan anda ulangi sendiri langkah-langkah yang sudah saya jelaskan dengan menggunakan pilihan template banner yang lain, selamat mencoba !!

34 komentar:

  1. OOooooo... di flashvortex to kang

    BalasHapus
  2. ilmu kya gini nih yang ku tunggu-tunggu..

    keren mas...!!!

    BalasHapus
  3. terima kasih ya triknya, mudah2an bisa di coba nih ya

    BalasHapus
  4. Mantap sob, terima kasih triknya

    BalasHapus
  5. @Ega : iya.. di flashvortex untuk membuat banner flash secara online

    @Riyuzaki : Makasih... mudah-mudahan bermanfaat

    @blogais : silahkan di coba

    @kang marno : terima kasih juga

    BalasHapus
  6. Bagus nih infonya.... saya coba dulu ah...
    kotak komentarnya bagus ada fasilitas replynya....

    BalasHapus
  7. Mantab Boz...

    Izin Mencoba dan langsung akan saya pasang di Blog ane ;
    http://jackobogor.blogspot.com

    Terima kasih banyak ya...!!!

    BalasHapus
  8. @Achmad Silahkan di coba. gak bakalan nyesel deh..

    @Urang Bogor Sip.. mudah-mudahan berhasil dan bermanfaat

    BalasHapus
  9. aku udah pernah nyoba sob, tapi pas di generate ko kode easy installationya ga ada yah,,,dari mana nyari kodenya..??? makasih

    BalasHapus
  10. ya aq uda pernah nyoba jg tapi pas di generate kode easy installationnya gk ada kasih saran dong

    BalasHapus
  11. matut nuwun yoo mass..... mantap pisan....

    BalasHapus
  12. kalau sudah di copy lalu di paste dimana kalau di blog ??

    BalasHapus
  13. Very useful post. Bookmarked. Thanks for it!

    BalasHapus
  14. waah artikel ini yang saya cari setelah berhari-hari pusing karena banner dari flashvortex kalau dipasang dan diklik selalu ada komentar "blog tidak ditemukan". Thank a lot gan

    BalasHapus
  15. @acek prakasa : coba di ulang lagi buatnya.. ada kok

    @adi : coba lagi dari awal, mungkin koneksinya lagi lemot

    @Republik : monggo di coba

    @Adam : di elemen halaman> kil tambah gadget > HTML/Javascript > paste di situ >> selesai

    BalasHapus
  16. @ensiklopedi : thanks, you're welcome

    @halo balita : makasih

    @Suhartono : semoga bermanfaat

    BalasHapus
  17. ooo..
    saya udah ngerti om,,
    makasih yaa

    BalasHapus
  18. slam knal maz,saya mau tanya...?
    teman saya menggunakan flashvortex tp g' usa byar....
    trus yg saya knp ko' harus bayar....?
    gmna caranya untuk yg gratis

    BalasHapus
  19. @azharspenma : paste di blog kamu

    @Devotee : gratis kok. kalau yang bayar itu g ada embel-embel website flashvortex di bannernya

    BalasHapus
  20. OUGHHH..
    melalui flashfortex.com ternyata..

    naiss inpoh gan!!!

    titip lapak yah gan..
    http://es-campor.blogspot.com/2011/07/way-to-be-happy_06.html

    BalasHapus
  21. pastenya diblog bagian mananya???????

    BalasHapus
    Balasan
    1. di bagian widget atau bagian html tergantung kebutuhan

      Hapus
  22. Saya masih bingung gan :( kalo mau pilih ukuran gmn gan?

    BalasHapus
    Balasan
    1. edit di codenya, ada width sama heightnya

      Hapus
  23. Mantap Gan, udah berhasil....tapi bisa g yah ukuran bannernya = ukuran header blognya?...biar mantap, hehe...makasih gan

    BalasHapus
  24. kalau buat yang di judul gimana pastenya tuh gan?? thx yah nice info^^
    mau pasang di blog ini ^^v tapi masih gak ngerti yang di header

    BalasHapus
  25. di dashboard blog di copy di bagian mana,gan? bingung.

    BalasHapus
  26. gan, sukses sarannya, makasih
    visit free-time-schooling.blogspot.com

    BalasHapus
  27. maksih banget sob, saya lagi butuh banget, nih info bisa buat ane lebih jelas

    BalasHapus

Silahkan berkomentar pada blog ini. Komentar yang bernada spam akan saya hapus tanpa konfirmasi terlebih dahulu.

Diberdayakan oleh Blogger.