Membuat Animasi saat Loading di Blog-Memang banyak cara blogger untuk mempercantik tampilan blognya agar terkesan canggih, menarik, unik, khas, dll. Salah satunya dengan memasang Animasi ini di blog sobat. Bila para blogger sudah banyak yang tahu akan trik ini, ya gpp juga liat-liat. Dan untuk yg belum tau, ini mungkin akan membuat tampilan blog anda makin keren. Animasi ini adalah animasi yg bekerja saat loading yang kita alami dalam memperbarui suatu halaman. Jika sobat agak penasaran, lihat gambar berikut ebagai contoh dari Animasi Loading.
 |
| Animasi Loading |
Jika sobat dengan senang hati ingin memasang nya di blog sobat, maka ikuti langkah-langkah yang tertera dibawah ini dengan cermat.
Step :
1. Masuk ke blogger
2. Pilih Template > Edit Template > Lanjutkan
3. Kemudian Centang Expand Widget Template
4. Cari script <body> (mempermudah pencarian ctrl + f)
5. Jika sudah ketemu, hapus kode tersebut dan ganti dengan script berikut.
| <body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://loadinggif.com/images/image-selection/12.gif/></div> <!-- Ends Loading with Image --> |
Catatan : script yang berwarna merah adalah URL dari animasi yg kita peroleh. Animasi lainnya dapat di cari di Loading Giff
6. Jika sudah selesai, cari lagi kode </body>, lalu hapus juga dan ganti dengan script berikut :
| <script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body> |
7. Jika sudah selesai, kemudian pilih Pratinjau, atau jika sudah beres/tidak ada masalah langsung aja pilih Save Template.
Good Luck
Posts
Insya Allah saya akan menggunakan animasi loading ini agar blog tampil lebih menarik
ReplyDeleteoiya, kalau diletakkan dalam blog wp apa bisa juga ya ?
trims
boleh dicoba nih..
ReplyDeletemakasih infonya..saya blogger newbie...salam kenal....
^^
makasih gan informasinya sangat keren n ich
ReplyDelete