23 Jan 2013

Membuat dan memasang banner animasi untuk blog

Tips Cara Membuat dan memasang Banner animasi Blog.
Banner blog adalah sebuah gambar yang mewakili alamat url suatu blog dimana jika diklik akan menuju ke alamat blog yang dilink-kan. Komposisinya terdiri dari sebuah gambar (image dalam ekstensi jpg, jpeg, png, atau bahkan gif), url blog, dan title.

Gambar dalam ekstensi jpg dan jpeg mempunyai ukuran file paling kecil dari ekstensi saudaranya (gif dan png) tetapi kelemahannya gambar tersebut tidak mendukung transparansi. Artinya gambar yang dihasilkan dalam format jpg dan jpeg menyertakan background putih sebagai canvasnya.

Ekstensi png dan gif sangat mendukung transparansi, artinya dapat diseting berbackground maupun tanpa background. Sebagai contoh jika anda membuat gambar berupa linkaran, maka di bagian luar lingkaran tersebut bisa dimunculkan maupun dihilangkan. Berbeda dengan jpg atau jpeg, gambar yang dihasilkan selalu menyertakan background. Kekurangannya gambar gif dan png membunyai size yang lebih besar .

Lantas bagaimana dengan gambar animasi, ekstensi apa yang cocok untuk membuat gambar animasi.? Jawabannya tidak lain dan tidak bukan adalah GIF. Keunggulan gambar gif untuk animasi banyak dimanfaatkan pemilik blog untuk membuat banner sehingga lebih menarik. Untuk menciptakan gambar animasi sobat bisa menggunakan software animasi gif yang banyak dishare di internet. Tentu jika anda rajin browsing maka tidak akan kesulitan mendapatkannya. Biasanya saya mempergunakan software bernama Easy GIF Animator karena lebih mudah membuatnya tak perlu keahlian khusus untuk mengoperasikannya.

Setelah anda berhasil membuat gambar animasi, saatnya menjadikan gambar tersebut untuk banner blog. Langkahnya adalah sebagai berikut:
  1. Buat gambar animasi dalam ukuran pixel (misalnya width-nya 241px dan height-nya 48px)
  2. Buatlah gambar semenarik mungkin, diberi tulisan sekedarnya.
  3. Jika sudah jadi, unggahlah gambar animasi tersebut ke hosting yang mendukung animasi GIF.

Yang perlu diperhatikan dalam menguplod adalah dimana hosting yang support dengan animasi GIF. Berdasarkan pengalaman penulis, Picassa adalah tempat yang cocok untuk mengupload animasi GIF. Meskipun di dalam blogger sudah disediakan fasilitas upload gambar tetapi untuk gambar animasi gif untuk saat ini belum bisa berjalan. Gambar gif bisa diupload di blogger tapi untuk animasinya tidak bisa berfungsi.

Berikutnya Saya berasumsi bahwa anda sudah bisa mengupload animasi GIF ke Picasa dan berhasil mendapatkan link gambarnya. Selanjutnya untuk membuat banner animasi blog, perhatikan susunan kode berikut ini:

<a href="http://www.tegalkab.formulasi.or.id/"><img title=”Formulasi Kabupaten Tegal” border="0" height="48" width="241" title=”Formulasi Kabupaten Tegal” src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4R2tzk8CkVzG2ysYezs5eM4-_HAZ5b-esYFvKNKNL9WK_Jjw55s97IHw1JK6-XfhnQgSyVZRK5iNgvwm28umChRpBCofZ9Di82liGNWyayriB1mWvJRblEY2l6k-0my-VSdPGlQfDAI/s241/formlsani-1.gif" /></a>

Kode tersebut di atas jika dicopy pase ke dalam widget html akan menghasilkan gambar banner seperti ini:


Keterangan Kode:
  • Kode dengan warna merah adalah link atau url blog
  • Kode yang berwarna biru adalah link atau url gambar yang didapat dari Picasa
  • Kode berwarna ungu adalah Nama atau Judul blog
  • Kode dengan warna hitam tebal adalah ukuran gambar

Sehingga jika anda ingin membuat banner animasi untuk blog anda sendiri langsung copas saja kode tersebut tetapi setelah disesuaikan valuenya (teks yg berwarna-warni).

Mudah-mudahan dengan tulisan yang ngalor ngidul ini anda bisa membuat banner blog sendiri, jika masih belum mudheng jangan sungkan untuk berkomentar.

Tidak ada komentar:

Posting Komentar