Cara Membuat Animasi Status Loading
Untuk membuat status loading pada
Blog yang berfungsi sebagai memberikan variasi agar lebih menarik dalam
tampilan bagi pengunjung Blog sehingga pengunjung Blog tidak bosan menunggu
pada saat loading dalam mengakses di Blog kita, berikut ini ada tahapan yang
dapat Anda ikuti dalam membuat status Loading di Blog.
Tahap yang harus Anda lakukan adalah:
1. Login ke Akun kepunyaan Anda di Blogger.Com.
2. Klik Layout --> Edit HTML.
3. Tekan F3 di keyboard lalu Cari kode <body> di dalam template Anda, kemudian silahkan diganti kode tanda <body> tadi dengan kode di bawah ini :
<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://Alamat URLyang disimpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>
4. Simpan Template dan selesai.
Keterangan :
>> Silahkan diganti alamat ULR yang berwarna Merah di ganti dengan Url alamat gambar loading anda..
1. Login ke Akun kepunyaan Anda di Blogger.Com.
2. Klik Layout --> Edit HTML.
3. Tekan F3 di keyboard lalu Cari kode <body> di dalam template Anda, kemudian silahkan diganti kode tanda <body> tadi dengan kode di bawah ini :
<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://Alamat URLyang disimpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>
4. Simpan Template dan selesai.
Keterangan :
>> Silahkan diganti alamat ULR yang berwarna Merah di ganti dengan Url alamat gambar loading anda..
>> jika anda tidak mempunyai alamt gambar anda dapat menggunakan salah satu dari gambar yang telah tersedia di bawah ini
>> Untuk posisi letak animasi lodingnya, Anda bisa mengganti kode: "align center" (tengah), "align right"
(kanan), "align left"(kiri), bawah, atas, Menurut keingginan Anda.
Selesai....
>> Untuk posisi letak animasi lodingnya, Anda bisa mengganti kode: "align center" (tengah), "align right"
(kanan), "align left"(kiri), bawah, atas, Menurut keingginan Anda.
Selesai....
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclgSnAWvEfINmE5fZMZTyT0b8SX1gWgRSpK8wprrGMzWCToFW4zrK2V72tL9grKusIGYC6UcmMogQGNGzp04dOSF6YlyFVDVnVwrj0plpTZmOXxTAx5tZbqWmMWI7HfrnGYezBXyuZnKD/s1600/ajax-loader6_thumb%25255B5%25255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2EnLYAyrB_Gf2yc0FgWiPRSSLQpH4P3Juh9gpqt-1dCmdquhTADHOpbgJpkfGIEL-TsTkibSF3vQ8UurrDUG0FJl_BA7n3bLIv3P9sKI-2thHJnYnMGB0p1VvABzAhoYwN3bp5AniSZY/s1600/ajax-loader3_thumb%255B1%255D.gif |
 | url nya:http://www.secondwind.org/Content/Images/loading3.gif |
 | url nya:http://financialaid.rice.edu/WorkArea/images/application/loading_big.gif |
 | url nya:http://i52.tinypic.com/rvll48.gif |
 | url nya:http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif |
 | url nya:http://www.419hell.com/Kwame_Adogboba/_RefFiles/DLL.gif |
 | url nya:http://www.sira.net/immagini/loading-gif-animation.gif |
 | url nya:http://www.google.co.id/images/loading.gif |
 | url nya:http://static.ak.fbcdn.net/rsrc.php/v2/yJ/x/jKEcVPZFk-2.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSEsu1amX6HoInStgefvUxbwXkr_e1aXiAG2PquzC-knWRU99Z1MhoUWHQQXXN-eumj9037tR_-cCppFB8Ddgk5_7Rcw2u0G_4j4owLJq-kfpXw_Pos-TdE-7WULYbxCTYuVGvhBYPfbG/s1600/ajax-loader%255B3%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Jl1MahL-BvrF8ZBGR4lUAhVMUoF9hKMlGg9pWHJZxKpKSVc6E_2Qx0RVA3Xr7GM_xVtMaJRhrSakm7bd2QzQxUfQRDKat2U0GgHKHF4wno4g46UT7Med9-NKFdJSjzIYyhgNhX00I8Gf/s1600/ajax-loader4_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhokKR3gNn12NVPo_abQs_21wT-BAG2WIF9BhnVXzJksq4MoXvc4TeeX5hCW9ZXbY2qkCi7D6URcg19ZTc8vxfjzOvxG_hAj1RkGAMkG77AjuttDTvMG7cIBgOuzycPdMhnM2InHKm8M6qL/s1600/ajax-loader5_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclgSnAWvEfINmE5fZMZTyT0b8SX1gWgRSpK8wprrGMzWCToFW4zrK2V72tL9grKusIGYC6UcmMogQGNGzp04dOSF6YlyFVDVnVwrj0plpTZmOXxTAx5tZbqWmMWI7HfrnGYezBXyuZnKD/s1600/ajax-loader6_thumb%255B5%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFJnUKKXERqeZkS0c22KcaFv7R2XOlwv8gJyKZHYSDIqEv8TYyzk-tIfv84Lwf93VpCh682HnGxaPitaooa-xB9JVstRC-qHileTNbg64_nA1lxmMriYFdyA0KkL_xgquY7CUKkQmDCq_/s1600/ajax-loader7_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiygduetpHF-Xv9ahI0vmPfR_lqQSFeUs1y-SN92lo5k7-iDl9iLXi0tfL12mSkAGSSv9flVo0dUJi41-duiNIb_vxx3oZB7_mT9ui0gCEiSjfgstoA2VmoVvBtOXyiFJjuX5jRHBTmVpZd/s1600/ajax-loader8_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGG2T_LF2c_qzvKXFXooKMJ0LQYJLFxtYWfUSRowdLD3voEq2QNF7tGpuq8won7a_A5pgRAwWEDTFx1eJFyihS8QPWz3_CQ-GH2a65FD2xerycwb1AS_dS31aphWSPGIj16txBSi0t75j4/s1600/ajax-loader9_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBaZ0HBTXucQr6CzvOjeGOCgqlFrPHAejKrE3cYhjPKT8FzeAqAhrFZTHh6atsI3qD7bVr0B9a01PyCsVn1A-q_jRfA-4irKMcizD_QhSrKQ8FOHkgtFHkeNhrq7SAqUwTJ03mGhx5mfDg/s1600/ajax-loader10_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiwfw4dSjmX7ZYZl_JtyiFvZlsoa6zofah-F4Cb5mroYvRFWhnxk4y11bUDpbKA8C6nO4-pz1sxbyG-jIQrKqQVwgL1eBEScWwbKVlSXZvEQTyqQDYN8ZktsMepHZqKtKd3nOBL7heHW1w/s1600/ajax-loader11_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ADbPVi6q82Z0GnDLYHKdhuhtfdeW6jW8LLrnqzReLTqqghyphenhyphenXfs2VipMgLPV3mUR15k03rTgUdoBU8vhGKtNoBysq2Jn4dIm0LkpkyIYfJQEN3SqKK3d5lInNMZ-WZFg1WSfTEVXponyz/s1600/ajax-loader12_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdExcwQq3xfzZCp9WlBNwHzkmfoovwpbkxs7aJSZEPIShaCsLIIs2r5NKKZk8vYwvtU2-JGWUne-FQwgkIxCogJkP6iaCAq9rgOcKWgy6M7n7UbW9PDGzBzGHzkav6VIhvxRKb0J0UHYkf/s1600/ajax-loader14_thumb%255B1%255D.gif |
 | url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsmzsJRi5d_4gjeOLAl0opmN-_GBILaKnmX6oq6JviUt_pZeKt23IuD420F8s3kjp4tVohXkjE3o0a2YbR0ruFIuPQ_iCy3xR6_hL2ghLjLn68Z5CsBcue2opySOcOnCHEgUVDZgZGpP3/s320/loading+blog.gif |
