Minggu, 01 Februari 2009

Membuat Banner Animasi dengan Headline yang Berotasi

di copy dari i3lh4m, 06 Desember 2008 tips-blogging4u.blogspot.com

Artikel ini menjelaskan cara membuat banner beserta headline yang berotasi (headlinenya berasal dari 5 artikel terakhir Anda). Jika Anda sudah men-submit blog ke beberapa direktori blog, Anda akan menjumpai beberapa pertanyaan yang meminta Anda untuk memberikan kode banner blog Anda. Banner ini hanya sebuah gambar yang mewakili keberadaan blog Anda.
Tapi, banner yang dirancang dengan baik bisa menarik lebih banyak pengunjung & menambah sentuhan keprofesionalisme bagi blog Anda. Ada juga software GIF animator di internet yang akan membantu Anda membuat gambar bergerak, teks berkedip, dsb. Apa yang saya lakukan di sini hanyalah untuk berbagi dengan Anda ide-ide alternatif tentang bagaimana cara membuat banner animasi yang unik milik Anda sendiri.

Perhatikan bagaimana judul-judul dari 5 postingan terbaru, diambil dari situs feed, yang berotasi di spanduk. Animasi headline dapat menarik perhatian pembaca untuk membaca lebih lanjut tentang artikel Anda dengan mengklik banner tersebut.
Cara ini bisa dilakukan dengan layanan feed aggregator yang popular, yaitu Feedburner. Jika Anda tidak punya akun di Feedburner, sekaranglah saatnya Anda pergi ke situs Feedburner, ketikkan URL blog Anda & ikuti segala instruksi mereka untuk membuat sebuah akun gratis. Atau Anda juga bisa menggunakan layanan feed lainnya, seperti Feedblitz
Setelah Anda berhasil membuat akun, Anda bisa menggunakan layanan & tools yang mereka berikan.

Inilah saatnya, kita akan membicarakan headline animator mereka. Pergi ke tab "Publicize" & "Headline Animator" untuk membuat banner animasi baru.
Instruksi yang diberikan oleh situs Feedburner mudah untuk diikuti. Hal pertama yang perlu Anda lakukan adalah memilih "tema" yang mana bisa menjadi background hitam & putih standar mereka/gambar dinamis mereka. Jika Anda hanya ingin menguji hasilnya, pilih salah satu skema tersebut. Ukuran banner yang normal adalah 468px x 60px & Anda mungkin ingin menggunakan ukuran ini sebagai permulaan. Setelah itu, pilih warna, ukuran huruf & posisi judul, tanggal serta headline (informasi utama). Klik "Activate" setelah selesai. Feedburner akan menghasilkan kode HTML untuk di-copy & paste ke template Anda.

Meskipun cara di atas bisa memberikan Anda sebuah banner yang berisi headline dari postingan Anda, tapi tidak bisa memberikan sebuah identitas yang unik. Jika Anda punya cukup waktu, cobalah membuat banner gambar Anda sendiri. Misalnya, jika Anda punya sebuah gambar bagus, krop gambar itu/rubah ukurannya menjadi 468px x 60px dengan menggunakan software pengedit gambar. Jika Anda tidak punya satu pun, Anda bisa coba Google's Picasa/mencari di internet untuk software gratis lainnya. Simpan gambar dalam format .gif (bukan format .jpg).

Gambar itu harus diupload ke hosting gambar. Ada sejumlah host gratis yang tersedia di internet. Cari situs yang melayani hosting gambar untuk format .gif & pilih salah satu yang cepat, handal & ada hotlinking/direct link yang tertuju pada file yang diupload. Setelah meng-upload file gambar, catat URL gambarnya.
Kembali lagi ke situs Feedburner pada tab "Publicize". Saat ini, di bawah "Theme" pilih "Provide your own background". Anda akan diminta untuk memasukkan "URL Gambar". Sekali lagi, Anda dapat mengatur posisi judul, tanggal & headline dengan men-drag ke posisi yang Anda inginkan. Klik "Activate" setelah Anda puas dengan layoutnya & dapatkan kode HTML yang diberikan.

Masuk ke Dashboard, pergi ke Template > Page Elements > Add a Gadget & pilih "HTML/JavaScript". Salin kode HTML yang diberikan, paste & save. Jika Anda ingin menggunakan banner ini untuk mempublikasikan blog Anda di direktori blog/iklan, URL banner animasi baru Anda adalah alamat feed Feedburner Anda dengan ekstensi .gif.

Jika artikel ini berguna, kamu bisa me-link ke postingan ini/berlangganan dengan blog kami/ menyebutkan kami di postingan Anda/mem-bookmark blog ini. Terima kasih atas dukungan Anda!

Tidak ada komentar:

Posting Komentar