Page Loading adalah semacam bentuk kreasi biasanya bro berbentuk gambar menggambarkan akan sesuatu yang sedang berjalan atau menunggu gitu deh bro, nah disini gua akan memberikan sesuatu yang lebih keren bro yaitu meletakkan gambar page loading di blog lo pada bro, page loading ini bekerja bro sampai tuntas dengan maksud akan hilang dengan sendirinya setelah blog lo pada bro terbuka 100%, untuk lo yang tertarik bro silahkan simak aja untaian berikut ya bro tentang Cara Membuat Efek Animasi Page Loading di Blog :
1. Login ke blogger lo bro
2. Pilih Rancangan
3. Klik Edit Html
4. Jangan Lupa Bro Centang Expand Template Widget (jika perlu bro)
5. Untuk Mengantisipasi Kesalahan Bro, Lakukanlah BACKUP data terlebih dahulu ya bro
6. Carilah Kode <body> bro, jangan salah ya bro.
6. Carilah Kode <body> bro, jangan salah ya bro.
7. Kemudian Ganti/Hapus Kode <body> dengan kode dibawah ini bro :
<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMgDYFeoqSkyCUeex3Lj4nQaG3usws4ZmkKJoNg2brTzeEQ7z9gbT8RQ6FQhSOW0qUnCHZtv-I-QHLivvbHwh1HtpQHqlYqc9xoZT-cV7nBmH_1cKDgdcUqygovxB8ee0HEVHzp5fyu4E/s1600/loading1.gif'/></div>
<script src='http://raxterblog.googlecode.com/files/page-loading.js' type='text/javascript'/>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMgDYFeoqSkyCUeex3Lj4nQaG3usws4ZmkKJoNg2brTzeEQ7z9gbT8RQ6FQhSOW0qUnCHZtv-I-QHLivvbHwh1HtpQHqlYqc9xoZT-cV7nBmH_1cKDgdcUqygovxB8ee0HEVHzp5fyu4E/s1600/loading1.gif'/></div>
<script src='http://raxterblog.googlecode.com/files/page-loading.js' type='text/javascript'/>
Ket :
- Silahkan Ganti Alamat URL yang berwarna MERAH dengan gambar animasi yang lo suka bro.
8. Tinggal Save template dan lihat hasilnya deh bro. . .
Berikut ada Beberapa ALAMAT URL animasi loading yg mungkin lo suka bro :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMgDYFeoqSkyCUeex3Lj4nQaG3usws4ZmkKJoNg2brTzeEQ7z9gbT8RQ6FQhSOW0qUnCHZtv-I-QHLivvbHwh1HtpQHqlYqc9xoZT-cV7nBmH_1cKDgdcUqygovxB8ee0HEVHzp5fyu4E/s1600/loading1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrTxONtQGTohoYpIytVR1T8Gb5-dx_ISDkWT135PgfYeKbxM3vWIsn5qiEpdjV4od9cHiAJ6QdW4cuveehQcR7922vC5RT43Pl9ECN2WA7pmapXUYGwYimUGcB5_qPUEK-p99aClXWbJET/s1600/loading2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_xAAUPwRzfa0Cug84OhJSVRuksNzCu5gHG0zLa5T4bvm3chDP1K2f1pHJhy0Yv3sbdv6Dv4JqqfJXBIcW_CClDvVN94ykVqv9yrap5aOu06vVJeQilFH4kepCtyeB4JYj4qpNFgclIaJq/s1600/loading3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cSQSiDPtO69rjti5KPrk8BuUFPb1VBW8R4ZOv3dJCRsgkqEl-UurOPqHzgmSIwCxi_OKSSA3uKNjB_XKu9MExGwwfoFY8vvG3xPgW-RTghyphenhyphenEUbzJNNZOAl1X-STVm3Bgzxh9TDYlCk4T/s1600/loading4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBEYkbsI3jWagDbaaMTqSE1LZzjQo3vbmW4AOzzQu-JH8LtixkCskgVV_zOqvo9G9rvp3wZngwKi_VEhIiZOKX_eM9gTMyXY7lsAuFWhKLaU5eGzAJ5gRRmDxcXWczA5mwk0bxdVuFxaX/s1600/loading5.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU5WsaG1Goi4E6JAAyow2BFfMRi8m12SHMuN2KvUIsva6R2vx09ZEpdv8kG5-P_l4LTzLsN6RTB5dH1vk_V1MZVHk7xV1FQqgSlgwB2PeQo0-nCfcivOJbIeHb_uumvoCpQzu4Vq-i4nDo/s1600/loading6.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwDj6zhD4dZEbTA3EoVEmQnmDHdzkuJbWYNQ8IcqUsZWEyY8lXTYPqSKRV7uTtk37z8mC_bMbboW0dXO2hURimU_PoXc2yTc2psk9Px3M9R-H9wjYh8MPReGhgzCSR5Q0uZodCbKdAOM-/s1600/loading7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxISORzD4Q6cUq-qQ73sLf8A_3-VMxn5Tn7MChdCWJm9zC3TW44M3XdhV4f67dObG52X2La-f3QcpyinHoPvMpvGhGVJPPEos28hoh3avEQvdIckTzWblEyfvvnGyk0FSjT-lQ03dta1fJ/s1600/loading8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY1DFuKOIH2wIUFWvVYawQA9qEgVBv33QjMDRbly-7gbi0knIYmrO3NO8G42ARKAlJvObmLyMkuohcrulhyphenhyphenVXTMAlEooPgmW6k4m8hukqvZYPtoUyfd88k-yuaTZeD95H_UerwsckE6VfW/s1600/loading9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaN6ammfTr8-mGot8PbCbY0q6djN_W1o3qI-ecaktvCJpzcyzn-qPMLxxsZzYB0lcy-g70z_zqNV26CuOA0CI91c_-n_l7a6Wr-0s10b-0VHWtmof1RlID5vB1gd4d8KxpZ1lvjAwvxYVD/s1600/loading10.gif
1. Ajaxload.info
2. Preloaders.net
Selamat Mencoba ya bro ! ! !
Tidak ada komentar:
Posting Komentar