Cara Membuat Animasi Page-Loading
Sekarang saya akan berbagi dengan kawan Cara Membuat Animasi Page-Loading Blog yang saya maksud disini, kurang lebih seperti kalau kawan membuka Blog / site sebelum isinya terbuka 100% maka Animasi ini yang akan tampil dan sebagai tanda juga bahwa Loading Blog sedang berjalan :r; dan kalau sudah kebuka 100% Animasi ini dengan sendirinya akan menghilang :y; Ok langsung saja ke cara membuatnya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Template - Edit HTML - Lanjutkan
- Pakai Ctrl + F cari <body>
- Hapus atau Ganti dengan Script berikut
<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/AVvXsEhQeyOiMb4EwZC4Si03IkshJHwlk934v-BHC9tx_s1Rph1BMmBUo9KsMpD4mpWtGHm8zjfmHQ5GFrwbDI_VekzQ3euueN_wzbi0qKTg0RCUb4ME1JdZLESJmZErkLfc8ND9wHi5TXqf_R_n/s1600/loading+(6).gif'/></div>
<script src='https://sites.google.com/site/blogbegocreation/javascript/preloader.js' type='text/javascript'/>
- Silahkan Ganti teks yang saya beri warna merah dengan Image Loading kesukaan kawan
- Untuk lokasi tampilan silahkan rubah teks yang berwarna biru
- Simpan Template kawan
Disini saya berikan kawan beberapa contoh Image Loading yang bisa dipakai atau kalau kawan ingin yang lain silahkan lihat Ajaxload.info atau Preloaders.net disana ada banyak pilihan dan bisa diatur durasi ukurannya :z;
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgYO4FslkD-Woh4nAQ-j40uhb5y7dCPVZNdduuiESBk-HMQbZajQldscNc9bB-NUEP50JjY0rvMQ6suvNVJ55kzWEMmBiSVdjNUmuWA0g333zacAEFv-OIYIXnkwTrhlTOyRErsx-lTE/s1600/Loading+%25282%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3vfyD5_bLun8E9oZoBI_yuErP-ZoT9DPgZhZcL7SIhDPR4zQNTBahNJ84-x7xQ9sNLAhH-u24r3g_vupaw-bhfLYyApadfM7h51sf0iu_o6SmRQ-rvLhWdlYOsClZTyKPbXDMhgk3AM/s1600/icon_loading.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHPaIqwhCTG_QH_DjweYdMfN7t4GvUQXbznTX-6hHEr1PeHqACipH0Uxb_P55zc85RX4m5UTemO1xMURHd66OiliiYfmaca1ypbEWo9Q7VLTNKXSgy5-bDSGTkZYcEUrWN7IbHzRHRWvY/s1600/loading+%25281%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOD_Wo9KAB8t4EHthXZoTgf4Q3grF2lKGwllkkqNw4e9NrTEdMia3gBoNWO-4Ybmz066aQJKcTkvk7KDXazGpum3XfstHOypz7ea7RAZmEpk_01np_CgMCur_x5ZW9MAZCJEPkRMN3dNI/s1600/loading+%25283%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUCh7jS7b4gEWoQWanVElf-F8gM0caT-84ZSblmj-nts65Zq1CoeJQqx_BhM_7bgqI9T18yV0OnsSi2IsgfS18pSgFkf5FF7R__jPRpuPxgwaa8PfaKGTvy2mW_IZ5a95KBwS6n-A7QB0/s1600/loading+%25284%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgds0RQwOlb74QnTyMnttRJfFJGaVgn91DZR9rTcrWv0i9RDwedzG9vCjSn68whEOdmCkQ34EYJIxdFqhM0_X6NI_s_dyvhau0fG4PSLoEtLXwKOx2nklM8InE5MEyWC8OeHBAj8N7Wxp0/s1600/loading+%25285%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbSBRwabX2cFxWYwt2rwrdc2rDQmV04xMN1oFP-8cNNIXYLiO9KZDnXWgJSFhr8dvbxwU1mn-5sWwPVzPUyEAxGqaEawjQL-hfF815ne5pQmGsrhig2dBLEAzKGPsrXhyi4DCxX_mG84/s1600/loading+%25286%2529.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWj4eFoMYyVNDIFfG2dBYOwx1_ALvT1ArnK8a1NuhIQduDukttucKiOdt_cpTj3BCyJIInLTHdpbpLTSYXnZ_GxaJWUfrVR_OTb9vA4HdXBGJesg-3raSTBpZwNpvHDc4t1OAjgSwWo0/s1600/loading.gif" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzxNzyru6oglGhAB1HVi-hgsZ5O_qJW2J1zYAOAZQFEkt4NfR3wpFTtx5asq8RNRzBuKa0mcSCxOzyPn4nxA2WupJDhMi3OJB4FEFI-2CE1vCCLIf6eZsT-QSl7gHtQNI-L7PkVVToJg/s1600/ajax-loader.gif" />
.gif)
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYVloGK-aBE4mvqzqsKVrTH426uYsOL1JOpImEzLUTDjuMkGUhqnrTWiW-hCojydWjKpjZq26p_fbV6x8KbzWx45XqBPFxz2_m3co5iA4sgrB8hyvFLE7y61DkkEWAW9ZtpVfKFCzWA70/s1600/loading+(7).gif" />
Mohon Perhatian kawan, karena mengganti tag <body> apa melanggar TOS Blogger atau tidak, saya kurang tahu karena sampai posting ini saya publish tidak ada jawaban yang pasti :w; untuk itu saran saya kalau kawan ingin mencoba sebaiknya di pasang pada Blog percobaan bukan Blog Utama kawan dan jangan salahkan saya kalau terjadi masalah di kemudian hari :x; apa yang saya sampaikan ini bertujuan untuk diketahui saja
Selamat BerkreasiReviewer: Unknown - Itemreviewed: Cara Membuat Animasi Page-Loading
Description Cara Membuat Animasi Page-Loading » Rating: 4.5
atau seandainya ada Link yang rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
0 komentar
Posting Komentar
BERIKAN KOMENTAR SESUAI TOPIK DAN SOPAN
» BUKAN SPAM, MENGHINA, MENGHUJAT
» JANGAN BERBAU PORNOGRAFI
» TIDAK MENYINGGUNG SARA / ETNIS