Minggu, 08 Juni 2014

Cara membuat Gambar Animasi Pada Header Blog


sumber gambar: greenseatle.org
Apakah agan sudah memiliki blog?
Jika agan sudah memiliki akun blog, pastilah tidak akan bingung lagi dengan yang namanya header blog. Header merupakan bagian pada blog yang terdapat di atas setelah Favicon. Header merupakan lokasi penyimpanan judul pada blog yang kita miliki.
Bagi sebagian blogger yang sudah profesional dalam mengelola blog nya, tentu mengutak atik bagian header blog yang ia miliki itu hal yang biasa. Namun, bagi kita yang masih pemula tentu hal ini terasa sedikit membingungkan dan mungkin rumit .

Ada banyak sekali keuntungan yang kita peroleh dari mempercantik header pada blog yang kita miliki. Yang pertama tentu saja untuk memperindah tampilan blog yang kita miliki, dan yang ke duanya agar menghindari kita dari melakukan terlalu banyak pergantian templete blog yang kita miliki dikarenakan bosan terhadap tampilan lama. Terkadang kita serasa bosan dalam melihat tampilan dari blog yang kita miliki, hal ini menjadikan kita berfikir untuk melakukan pergantian pada templete yang telah terpasang di blog yang kita miliki. padahal terlalu banyak mengganti templete pada blog bukan lah hal yang baik, terutama bagi SEO blog yang kita miliki. Nah, dengan mengganti tampilan header dengan gambar animasi, diharapkan tentunya dapat mengurangi sedikit kebosanan kita terhadap tampilan blog yang kita miliki.
Tips yang akan saya paparkan ini adalah teknik membuat gambar animasi pada header log dengan menggunakan situs Picassion dan Photoscape. Kenapa saya menggunakan Picasion? Hal ini dikerenakan  media itu tidak memberikan Backlink gratis kepada situs tersebut sehingga cocok sekali digunakan untuk membuat header.


  • Langkah yang pertama, agan terlebih dahulu membuat gambar animasi sesuai yang agan inginkan. Gunakan Corel Draw, Photoshop, atau aplikasi dsain grafis lain yang agan punya. Buat lah dua bagian hingga tiga bagian pada gambar tersebut (tergantung keinginan agan). Contohnya begini:
  • Gambar pertama:

  • Gambar kedua:



Dari gambar tersebut agan pasti melihat perbedaan warna pada huruf “B,o,C,r,I, dan m” bukan? Itu lah yang nantinya akan menjadikanya gambar animasi.
By the Way sorry gambarnya kurang bagus.... hehe
  • Langkah kedua langsung buat menjadi animasi gambar tersebut dengan menggunakan Photoscape dengan mengklik ikon  “Create GIF animation” pada photoscape, agan yang punya photoscape pasti paham cara melakukannya (jika agan menggunakan photoscape langsung ke langkah upload photo ke header). Nah, untuk agan yang belum punya photoscape tidak perlu sedih, karena ada alternatif lain yaitu menggunakan www.picasion.com/

  • Jika sudah Masuk ke situs tersebut, maka langsung upload 2 gambar  agan pada Choosefile1 dan Choosefile2.kira-kira tampilanya seperti berikut:



  • Pada choose file 1, merupakan judul dari gambar pertama saya (coba.jpg), sedangkan pada Choose file 2, merupakan judul dari gambar kedua saya (2.jpg), agan juga bisa menambahkan jumlah gambar sesuai dengan yang agan mau dengan menambahkannya pada Choose File3 atau mengklik “Add one more picture”.

Selanjutnya atur ukuran pada size dan kecepatan gambar pada Speed.
Selanjutnya klik Uploading pictures.
  • Jika sudah tampil tampilan seperti di bawah ini,


Maka klik “Save this animation”. Agan akan diarahkan untuk menyimpan gambar di komputer agan. (File akan berformat namafile.GIF)

  • Masuk ke dasbor blogger, klik tata letak, selanjutnya edit header dan upload gambar pada header tersebut serta atur tampilanya.

Contohnya begini:
  • Selanjutnya simpan perubahan dan lihat hasilnya. Jika sudah seperti yang agan harapkan akan tampil gambar yang berubah-ubah warnanya. Dan perlu diketahui, kendala dalam pembuatan gambar ini biasanya terletak pada ukuran gambar. Saran saya lakukan saja banyak uji coba hingga agan memahami cara penyelsaiannya.


Previous Post
Next Post

0 komentar: