Content

Cara Membuat Efek Animasi Loading Blog

Senin, 10 Maret 2014
Animasi loading blog kali ini cukup menarik seperti yang saya pasang juga, dengan banyak pilihan, bisa kalian kreasikan sendiri dengan mudah.
Langkah pemasangannya juga sangat mudah, untuk jaga2 download dulu template sebelum di Edit.
Oke, langsung saja ke cara pemasangan.
  • Login ke blog
  • Silahkan pilih Template
    kemudian klik Edit Template
  • cari kode <body> , CTRL+F untuk mempermudah pencarian
  • Setelah ketemu, ganti kode <body> dengan kode dibawah :
<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/AVvXsEi3tx7QSNoIAp1rvamlE4n1Dj_E_bEGvsddiv1oAfdKRCyFGUYZ8w0I7jTavS_xgIoMz4NIfP8a9OdLABAPMIPQHxR_BmdaOBlTCk6ov7rfTFPRDrC6rgvW-ubt-wJ1EqTHCoW0ROOJZrRU/s1600/loading1.gif'/>
</div><script src='http://lamersblogger.googlecode.com/files/page-loading.js' type='text/javascript'/>
  • Simpan Template, lihat perubahannya
  • Ganti URL berwarna Merah dengan gambar yang agan buat, atau langsung saja ambil URL dibawah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXhnCma3JTqIejwcPMae-4ClzjMr0c4eLu-9gEV7ZfdIbMfRngj5x0pQq3hAUwcTmQU48Cle6MPPUmk7ZX3UUD3o4o3YRr2KLDzDWAo6acLIe2zyNJwLf528J91DJkt0FJ7ZZzs-rbKbI/s1600/loading1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGPj7_iaxjDYeshdTe8rhkxXejvWtAE6r9VofnXhI1j4CBhDcvC6XGMK8Z3LvaOeeu25nDHd8vX0gids27W_PUVqLFNMzpZjdU_S9SjYzpXb3dZhBQWrvg-7ffRSDU0C_iK1M_WSBAOIQ/s1600/loading2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoPkIpmaeHszxNQyIgAyr6mjRo7OH5tzCTx0stNLXOu9Jw_M_1uavTpHlQ4TdyMJd8By6ivw404woxIu60hYfCCzefewaQWP4zBr89pJ8fw1XowwrX9TB6yX3lAhGvt8WcnMwbC1S57pA/s1600/loading3.gif
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbJp94Jh6Naces5vZiALf8h_CX5yviINKRUTotEgiNqOqbIt61OFiYkTB5yAk73WkhrHznjKJRrqVPPp4tksurgR0BlD81tPpxROq0oMngyS7k88DhnDNo78cgBPBLsw86kgiD4KpSWI/s1600/loading4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWE6HTNd4PronGEj5T9goUAlyaEm93Ths7cuF8st1OyeGU_6Ue_I4eYjNktVgnQaNsf3jpiCgu1orzBN-Qw8fDttMHWkGrZsf5EWb1jyO4caXB80Z4iv_8K3caEAjvgAyaZ9JSoO1siDk/s1600/loading5.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZqHePV7Yq9J2g6EIF9vCXTlyZ-Mi3oWQBqLc1AfQBGDtZeYvEvtopNHX_D1YivByqtjEIyaB5CzP0dppcQW-E0MaP_MsZQKZb2cXQEl5UU20LhjnpABh55Q0ONSL6G2N1Afk36QEyuQ/s1600/loading6.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCFQqMOXMWri5SyanEWfPVoMkVgVfCyfgrhVplxVKhwB0X6zZCmyRzg4JhD-xTSGEpBxqjq7AYQqFe8kCLMcbSoM73xwP3nAqZmibT2Qghc8JCZ0JViYa6Z2IvE6Od8QN7_8VJqydIsQ/s1600/loading7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwYELP65ugI9UvTIYIitj63NVVDsspZNl-l86hMcFEEJIfuizaXt5p6JvdXM9eq1sMfCWV36sb8Mf3NDsZptCbHI1d-rFRKSF2r8S1F0dc8xay0-o9YT6NNRRH9boXg_rkz0cSWNHaC_k/s1600/loading8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgko1BkasL6oaDwHFQEJMz-bZL8_m4yqzVqqfYP-FgkpnlhV681mWG3OiEFIQHarkc3gYGtAhRJ-gQ0aZgxCG2IuGbUFX7skuXN-dm-_eFghxTW5ID9XAfR7h8tjg_JloLDpdd1VmS3tPE/s1600/loading9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbfGtF-B5IBlRTMpDChmA1WYvVL18GvSMqurBi5EwcYP0dFimYJhl8PaUJ0zcUi_hvR3spvtxKB9ZSNrM03G4iQsHc9olqwIYWc38xRY7vY6zNAQK55Zozfi2TfWFSWEbi8L2gnvNmvzs/s1600/loading10.gif

0 komentar:

Posting Komentar