Pengikut

16 A+ A- Print Email
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. Blog Dofollow IndonesiaJumat, 06 Juli, 2012

    waww, amazing..

    BalasHapus
    Balasan
    1. UnknownJumat, 06 Juli, 2012

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

      Hapus
  2. Dark OptimusSabtu, 07 Juli, 2012

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

    BalasHapus
    Balasan
    1. UnknownSabtu, 07 Juli, 2012

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

      Hapus
  3. DIWANSHARE | Download Software Full VersionSabtu, 07 Juli, 2012

    Terima Kasih ! tutorialnya :)

    BalasHapus
    Balasan
    1. UnknownSabtu, 07 Juli, 2012

      Iya sama-sama, makasih ya udah mampir kemari, salam blogger.

      Hapus
  4. bagaimana caranyaSabtu, 07 Juli, 2012

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

    BalasHapus
    Balasan
    1. UnknownSabtu, 07 Juli, 2012

      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. Yandri Adisaputro T.Selasa, 14 Agustus, 2012

    tutorialnya mantap gan ...

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

    Thank's

    BalasHapus
    Balasan
    1. UnknownSelasa, 14 Agustus, 2012

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

      Hapus
  6. Acep-ComputerRabu, 16 Januari, 2013

    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
  7. gamebunkerzRabu, 13 November, 2013

    Wahh bagus ya..

    BalasHapus
  8. power supply 30v 5aKamis, 24 Mei, 2018

    sipp min postingannya ini ....
    power supply 30v 5a

    BalasHapus
  9. AnonimSenin, 22 Juli, 2019

    Nonton Bokeps Terbaru Jav 69

    Nonton Bokeps Korea

    Nonton Bokeps Indonesia Artis

    Nonton Bokeps Skandal Model Vietnam

    Cewek SMA DiSodokMemek Nya Berdarah

    Nonton Bokeps Korea Terbaru

    Agen Poker Online No 1

    Royalflush88 Agen Poker Terbaik


    Agen Poker Royalflush88 Daftar Disini

    Agen Bola Online No 1 Terbaik
    Bokeps Orang Rekaman Pribadi

    Film Bokeps Ngintip

    Nonton Bokeps Rekaman Cctv

    Nonton Bokeps Pelajar

    Bokeps Hentai

    Nonton Bokeps Janda STW

    Agen Poker Online No 1

    Royalflush88 Agen Poker Terbaik


    Agen Poker Royalflush88 Daftar Disini

    Agen Bola Online No 1 Terbaik

    BalasHapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!

Langganan: Posting Komentar (Atom)