Pengikut

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
<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='MASUKAN URL LOADING PAGE ANDA DISINI'/></span>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;
if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;
function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>
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/AVvXsEjQYPdOTO6JH8SAjrkFlFQlYG81CvjLA9MwqsyBzGbmOR2bFfg64pjadq5soySJg7stgqlM9teoyzEqqzxHZm0T8Af3h6Aa1S6YjbmY1oVs6uR-X4oTXX_UFHx-wMYsKSU8iJ3gaMiPO-U/s1600/loading3.gif
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQB7dkbcvTfBPLULvUv-OM6UMWP19OlGIQgarER_4c-amrOA1xVVSpLzejQxoaVypBqY6JIwqgrUVd_qfDGTqFAYKKvYZxVyDYk8MWFklUHREcZAlu0owgo-Oyo9tst-EAZBOrs2fE7g/s1600/loading5.gif
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh1WWoo_cvcYoeM3Qaqm0HerXg7urEXec4I1sZHdA0TYt7kQV79AU07ZG3jYzBaqo1aVsx53fzzv3vQnBnu2lnnij4lsBFysTUWKlbLVgwKK3wKNtplrA-wil2DQxh-H5uUspLsRyFCbs/s200/loading6.gif
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iws6A2ffd8yai_KIx_pGt9aysu3R9Jxa6sBvCu0PfO4UUuTYBprJCPqf6XzBXZ9CbPprF9DUxj3h0mJRr6gor1oZKpoArn3P9KahZ4ixSzmB42vztfPwpwzjP2a3OUBn1B3sFTC-1Vo/s1600/loading_page1.gif
url diatas akan tampak gambar-gambar seperti dibawah ini:
            
     
                                
Selamat mencoba dan semoga bermanfaat

Posting Komentar

  1. Balasan
    1. iya terima kasih gan atas standing aplos nya. sering sering aja mampir ke sini ya gan

      Hapus
  2. Keren Sob, Nice Share & Mampir juga ya ke Blogku..!!! Oceh Sob... :D

    BalasHapus
    Balasan
    1. thank's sob, iya blog sobat pasti saya kunjungi.

      Hapus
  3. Balasan
    1. Iya sama-sama, makasih ya udah mampir kemari, salam blogger.

      Hapus
  4. ahh ,,jadi membuktikan bahwa blog kita berat kalo gitu sob,,?

    BalasHapus
    Balasan
    1. Ya memang tergantung berat atau tidaknya blog kita si, tapi kalo loading pake animasi kayak gitu org mikir 2x buat nutup blog kita.

      Hapus
  5. tutorialnya mantap gan ...

    Kunjungi blog saya juga ya http://blogzeng.blogspot.com/

    Thank's

    BalasHapus
    Balasan
    1. silahkan dicoba tutorialnya gan, nanti saya mampir ke blog agan
      makasih komentarnya, sukses selalu.

      Hapus
  6. Izin make ah buat blog percobaan saya biar lebih responsive :D
    Tapi kira-kira ini bisa membuat blog menjadi berat deh sob...?

    Koment balik ya sob di Acep-Computer

    BalasHapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!