Senin, 16 April 2012

Cara Membuat Animasi Loading di Blog

Cara Membuat Animasi Loading di Blog.. Animasi loading pada blog berguna untuk memperbagus status loading kita dengan ada gambar bergerak seperti gambar disamping.Tutorial ini nantinya akan merubah sedikit kode HTML template blog Anda. jadi saya sarankan sebelum mencobanya Anda telah mem-backup dulu blog Anda.

Untuk memilih model loading-nya, silahkan lihat Disini
atau jika ingin lihat contoh gambarnya langsung:

Setelah anda memilih salah satunya, download file loading tersebut dan upload kembali ke web hosting Anda. (jika Anda belum mempunyai hosting saya sarankan untuk mengupload kePhotobucket, atau tempat penyimpanan yang sering Anda gunakan).
jika sudah, ikuti langkah di bawah ini.
Cara Membuat Animasi Loading di Blog
    1. Login ke akun blogger Anda
    2. Pilih Edit HTML
    3. Centang Expand Template Widgets
    4. Cari <body> ganti kode tersebut dengan kode di bawah ini
<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='URL GAMBAR ANDA'/></div> <script src='http://loading-js.googlecode.com/files/loading.js' type='text/javascript'/>

Artikel Terkait

Perbaikan JavaScript