Membuat Efek/animasi Loading Blog

Membuat Efek/animasi Loading Blog-Mungkin sudah banyak sahabat Blogger yang tau cara Membuat Efek/animasi Loading Blog. karena cara ini memang mudah. Tapi lumayan, sebagai Koleksi Zaenal Blog. Berikut ini Contohnya.

Langsung saja kita menuju ke Cara  Membuat Efek/animasi Loading Blog :

  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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Po_LbgSGM0z87awWxG-NkPQ6J0rfKPPZMg7JKXLRFBJgDeEZ2T-NSiR1fuZ81DCzB_46AWuFYBcGJ448MVqGhZ00oqzGV_tu6PzVdv58J7u1TxxWDTbm9ThGWUPGBfvm0fgRLEtqRPPe/s1600/ajax-loader.gif'/></div> <!-- Ends Loading with Image -->

5.Selanjutnya cari lagi kode </body>, dan Hapus Kode tersebut, Ganti dengan Kode dibawah ini:

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

Keterangan: URL Gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Po_LbgSGM0z87awWxG-NkPQ6J0rfKPPZMg7JKXLRFBJgDeEZ2T-NSiR1fuZ81DCzB_46AWuFYBcGJ448MVqGhZ00oqzGV_tu6PzVdv58J7u1TxxWDTbm9ThGWUPGBfvm0fgRLEtqRPPe/s1600/ajax-loader.gif dapat diganti dengan gambar sesuka anda. Bisa dengan membuatnya dengan generator gambar Loading Gif di loadinggif.com atau situs lainnya.

Semoga sedikit cara Membuat Efek/animasi Loading Blog bermanfaat bagi sahabat semua. Blogging mania.
12 Komentar untuk "Membuat Efek/animasi Loading Blog"

gak sia sia BW malem malem ..
hahaha.. nemu postingan kaya gini ..
Bagus nih sob .. :D

mau nyoba yah ..

Wahhh asyik banget tuh tutornya bang,pokoknya sip dah..hahahyyy

waduhhh...hebat nih abang...saya baru tahu nih scirptnya


makasih abang...salam sukses selalu ya bang

makasih infonya sangat bermanfaat sekali, nice posting

Gan Kode "" di Blog Gw Gx ada..
Cara yg laen ada ga..??

Blog agan Sudah Gw Follow..
Di FollBack ya Gan ^_^

www.rcyshared.blogspot.com

dicoba ya gan :)

ini fungsinya seperti apa ya ??
ini sudah saya ganti, dan saya ikuti, tapi ga tau yang loading yg mana

"Thanks telah mampir dan Berkomentar Disini, yo kita saling vote dan comment"

Back To Top