Trik ini saya gunakan untuk blog yang banyak menggunakan gambar dalam postingan ok langsung aja kita ke tutorial nya sekarang
1. Login akun Blogger anda terlebih dahulu.
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
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.
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
Sahabat informasi maya, selamat mencoba trik Membuat animasi loading pada gambar blog.
Tidak ada komentar:
Posting Komentar