Cara mudah memasang gambar animasi header Blog.

Terkadang kita jenuh dengan tampilan header blog kita itu-itu saja, maka mungkin kita bisa ganti dengan memasang animasi gambar bergerak bahkan dengan video bergerak.  Nah untuk mempersingkat mari kita ikuti langkah-langkas sebagai berikut:

1. Pertama, siapkanlah bebarapa gambar (empat sampai sembilan saja) atau foto yang ukurannya bisa disesuaikan dengan lebar & tinggi header yang kita inginkan (misal 900x250).  Untuk membuatnya anda bisa menggunakan program software sederhana bawaan komputer yaitu "Paint".

2. Kedua, dengan bahan gambar yang telah dipotong sesuai keinginan (sesuai ukuran header) yang telah kita buat diatas maka proses upload menjadi gambar (foto) animasi begerak sudah dapat dilakukan.  Caranya adalah anda bisa masuk ke layanan penyedia animasi bergerak (gif maker) seperti yang saya sukai yaitu http://ezgif.com selanjutnya pilihlah menu GIF MAKER dan mulailah memilih gambar yang kita telah siapkan lalu klik tombol upload & make a GIF. Silahkan atur angka delay time nya setiap gambar dibuat sama saja, lalu klik tombol MAKE GIF dan tunggu sampai animasi muncul.  Jika sudah muncul gambar animasi dan kecepatannya terlalu cepat maka anda bisa mengaturnya dengan memilih tombol "Change Speed" lalu rubah speed nya menjadi 5%-10% sekarang lihatlah outputnya dibagian bawah.  Nah jika sudah pas menurut anda maka lanjutkan pilihlah tombol simpan untuk menyimpan gambar animasi tersebut, biasanya gambar animasi akan tersimpan di folder my document\Downloads.  Contoh nama file-nya biasanya "ezgif.com-gif-maker"

3. Ketiga, untuk dapat dipasang pada html maka file gambar animasi diatas dapat diupload menjadi link animasi dengan menggunakan layanan online semisal http://tinypic.com dengan cara choose file gambar animasi yg telah tersimpan,  lalu klik Upload Now, silahkan ketik ulang kata-kata pengaman yang diberikan, lalu start upload, setelah selesai maka copy alamat direct link for layout (pada bagian paling bawah) yang akan dipergunakan sebagai link gambar animasi header, dan simpan sementara di word boleh.

4. Keempat, link gambar animasi tersebut sudah dapat dipasang di blog header anda pada bagian Tata Letak pada CROSSCOL (dibawah header). Silahkan copy paste kode html dibawah ini & ingat ganti alamat link animasi (warna merah) dengan alamat animasi yg sudah anda simpan sementara di word tadi. SELAMAT MENCOBA SAHABAT.

<br />

<img src="http://i66.tinypic.com/11b2c68.gif" width="100%" height="100%" /><br />