Pages

Minggu, 11 Desember 2011

Cara Membuat Animasi Loading Pada Gambar Blog



Cara Membuat Animasi Loading Pada Gambar Blog

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.
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
Atau anda dapat mencari sendiri di google image search silakan masukan kata kunci loading.gif

0 komentar:

Posting Komentar