Selasa, 10 April 2012

Memasang Animasi loading pada 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 ke Photobucket, atau tempat penyimpanan yang sering Anda gunakan).
jika sudah, ikuti langkah di bawah ini.

  • Login ke akun blogger Anda
  • Pilih Edit HTML
  • Centang Expand Template Widgets
  • 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'/>

Ganti URL GAMBAR ANDA dengan url gambar Loading animasi yang telah anda temukan,kemudian SAVE.Kode berwarna biru adalah milik saya yang diupload di googlecode.
semoga berhasil.

Tidak ada komentar:

Posting Komentar