Salam blogger, berdasarkan pengalaman saya ada beberapa blog yang pernah saya kunjungi yang menggunakan indikator loading halaman. Biasanya sebuah gambar indikator loading akan muncul ketika kita sedang membuka halaman sebuah website. Indikator loading tersebut menunjukan halaman website itu sedang dalam proses loading. Saya kali ini akan sedikit membahas tutorial bagaimana membuat indikator loading page pada blog anda, dengan begitu pengunjung akan tahu bahwa blog anda lagi loading.
Berikut langkah-langkah membuat indikator loading page di blog:
1. Login ke account blogger sobat
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang
bertuliskan "expand template widget"
6. lalu sobat cari kode <body>, agar pencarian lebih mudah
sobat tekan tombol ctrl+f pada keyboard komputer sobat
7. kemudian hapus kode <body> tersebut dan ganti dengan kode dibawah ini
8. Ganti kode yang warna biru diatas dengan url gambar loading page yang
anda suka, misalnya pilih url loading seperti dibawah ini
9. Simpan Template
kalo sobat masih bingung buat cari gambar loadingnya, pake aja gambar yang saya sediakan dibawah ini:
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYsDnb6xqWf5he-EyHTks4tIV4zuMaNFh-I-qYzBh2DCygsho_eRoGjgCk8SvzbmN8-5rzIQpkehVZziq9TrTGD74u2WdymNTOqaxZ_SDXF4u2htgQqMm519g3uMqxpKS742k2qxBVPs/s1600/loading3.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAFmBBBSXoeyniTEdUH3nTI-Th5jqH1T7w0YFXSFMgMta3UcD5XykAI6NLZv8mPqY4MNL7FZIwJhZsDwU9kPmPDqi-2WsD5pvRiGqwwTDTHL8KM3uRxjR00U2itapA2C3J-l-z3OAhRs/s1600/loading5.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghEYrfnl2RBLsKy4RYj9dfac_BdQofVlkE1_D_xpG2ZMaBFbhio2q3uCiz_150oMhyphenhyphenelsIGG2fC8HnhxkI8u5QE_vnAvzFc0vQlNNRQrk82GXm13ZvPS3AVcdf-2OzU3jvT95EIZCithM/s200/loading6.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFwrEo_sUiRqiciMRFAsPer-FvyMMiPBNhaTh1XBaKMbvV03u_pmS7hItY2_oWMi3ohc-C-RdRfzMGR8oV6crnY7QUm94ZVjkaXkKwsEQnI4FDv3ePGxoNGAutZrh0ofCZ1BKNp9R190/s1600/loading_page1.gif
url diatas akan tampak gambar-gambar seperti dibawah ini:
Selamat mencoba dan semoga bermanfaat
No comments:
Post a Comment