Cara membuat animasi 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
Share this article :

+ komentar + 6 komentar

22 Maret 2011 08.35

Bro, coba koreksi lagi....artikel di atas..
saya coba pasang di blog saya..tetapi skrip ga bisa di simpan..

22 Maret 2011 18.16

thanks atas pemberitahuan sob!sudah saya upload kode js yang baru milik saya sendriri.mungkin bisa dicoba ulang.

23 Maret 2011 01.17

can i try this? ^^

23 Maret 2011 02.03

yes.you can try this.keep enjoy ^_^

16 Juni 2011 06.27

kalau <BODY dIHABUS GAN Nanti gak bisa ngedit-ngedit lagi

23 Maret 2013 05.03

ga bisa nihhh !!!!

Posting Komentar

Silahkan beri komentar anda setelah membaca artikel diatasTerima kasih untuk tidak berkomentar yang berunsur SPAM.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Just for Fun | Trick blogger | Dunia Internet - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger