skip to main | skip to sidebar

Share

  • Entries (RSS)
  • Comments (RSS)
  • Home
  • About Us
  • Archives
  • Contact Us

Jumat, 22 Juli 2011

Browse » Beranda » banner blog , design blog » Cara Membuat Banner Blog

Cara Membuat Banner Blog

Diposting oleh qo2robert di 01.24 Label: banner blog, design blog
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://x-dhieq.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 x-dhieq ini ......... SELESAI

Nah untuk menaruh scriptnya taruh tepat di atas <head> , silahkan mencoba kalau gagal ulangi lagi dan perhatikan cara-cara nya dengan seksama .....
Kirimkan Ini lewat Email BlogThis! Bagikan ke X Berbagi ke Facebook

0 komentar:

Posting Komentar

Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Sponsored

  • banners
  • banners
  • banners
  • banners

Welcome to
SKAspot

Sign Up
or Sign In

Or sign in with:

VCC Indonesia TM

Daftar Isi

Blog Directory


widgets

ShoutMix chat widget
[hide]
Tukar Link Otomtis Member KBW
 

© www.x-dhieq.blogspot.com
designed by DT Website Templates | Bloggerized by Agus Ramadhani | Zoomtemplate.com