Saturday, August 20, 2011

Cara Membuat Animasi Loading Pada Gambar Blog

waduh, saya mau posting tentang Cara Membuat Animasi Loading Pada Gambar Blog emang tidak susah.
tapi gak usah banyak banyak ini aja langsung :
Cara Membuatnya :


  1. Login akun Blogger anda terlebih dahulu. 


  2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan


  3. Pilih Rancangan, Edit HTML, cek/centang Expand Widget Template


  4. Cari kode <body>, jika sudah ketemu hapus, ganti dengan script dibawah ini


<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif'/></div> <!-- Ends Loading with Image -->


  5. Silakan cari kode </body>, Hapus dan ganti dengan kode berikut:


<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>


  6. Selesai sudah, Simpan Template, mudahkan?

Keterangan :
URL gambar http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif yang ini.
dapat diganti sesuai dengan selera anda.

Misalnya dengan animasi di bawah ini:
http://i811.photobucket.com/albums/zz36/asksalman/loading1.gif
http://i811.photobucket.com/albums/zz36/asksalman/loading3.gif

sumber :kucoba.com

No comments:

Post a Comment