¡Tu mensaje de bienvenida, twitter o publicidad aquí!

| Suscríbete vía RSS

Jumat, 16 Maret 2012

Cara Buat Widget Loading diBlog

 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.

  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'/>

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

Tidak ada komentar:

Posting Komentar