Membuat gambar loading tampil di blog

Membuat gambar loading tampil di blog
Gambar loading diperlukan untuk menunjukkan bahwa halaman yang sedang dibuka belum tampil seutuhnya, kemudian gambar loading akan hilang setelah halaman tersebut lengkap. Sehingga setiap pengunjung membuka halaman blog, maka gambar loading juga akan tampil memberikan indikasi loading sedang berlangsung.

Namun sebenarnya, gambar tidak harus berupa gambar loading yang sering kita lihat seperti gambar loading blog saya ini. Tapi juga bisa berupa gambar yang lain, misalnya gambar kuda yang sedang berlari, atau sesuatu yang sedang bergerak. Bisa juga gambar berhenti sesuai dengan keinginan anda. Yang penting anda harus mengetahui dimana gambar itu disimpan. Atau anda menginginkan gambar itu tersimpan di folder anda ? Bagi para senior hal ini tentu bukan menjadi masalah, tapi bagi para pendatang baru di blogger, tentu hal yang kecil harus kita terangkan juga, supaya tidak terjadi kesalahan, ok.
Bila anda telah menemukan gambar (dengan browsing di internet) yang akan digunakan, silahkan klik kanan kemudian cari 'copy image location' yang nanti akan kita paste di script yang akan kita pasang di widget blogger.

Tapi bila anda tidak yakin bahwa gambar itu akan tetap di situ alias tidak pindah alamat, seperti kalau kita mengambil gambar di photobucket yang setiap saat bisa diedit atau raip sama sekali (bila kamu mengambil gambar bukan di folder sendiri) , kamu bisa menyimpannya di folder kamu sendiri dimana blogger telah menyediakannya yaitu di picasa. Langkah selanjutnya silahkan pasang script berikut di dalam tag head (sebelum tag /head) di blogger template html anda (buka dashboard - layout - edit html ):

<script type="'text/javascript'"> window.onload = detectarCarga; function detectarCarga() { document.getElementById("imgLOAD").style.display="none"; } </script>

Jangan lupa kemudian kamu save.

Selanjutnya silahkan pasang script berikut di 'html/java script widget' anda (buka layout - page element - add a gadget - html/javascript):

<div id="imgLOAD" style="position:fixed;top:50px;right:200px" align="right"><br /> loading,sabar menanti,kacian d lu...<br /> <br /> <img src="alamat gambar" /></div>

Selanjutnya kamu bisa atur penempatan gambar dan tulisan yang ada di situ, juga jangan lupa paste alamat gambar yang tadi telah kamu copy di dalam tanda "alamat gambar"

Setelah semua beres, silahkan dilihat hasilnya... mudah kan? jangan lupa juga follow me now and comment it on my page,ok?

(Sumber: http://belajarlagi.blogspot.com)

23 komentar:

  1. Byan: Buka aja-->http://belajarlagi.blogspot.com

    BalasHapus
  2. kok load gambar ngk ilang c...katanya ilang setelah halaman semuanya terkumpul..aneh...gambar loadingnya ada terus...apa saya salah scriptnya ya?

    BalasHapus
  3. mantap, bagi saya pendatang baru hal ini ajaib...thanks mas

    BalasHapus
  4. Saya Blogger Pemula Tapi Tutorial Ini Paling saya senangi MuanTaaap........

    BalasHapus
  5. sori mas numpang nyedot nih :f:

    BalasHapus
  6. agan.....yang hebat....

    ane numpang nyedot ya.....:b:

    BalasHapus
  7. wew gambar loadnya ngk ilang c...katanya ilang setelah halaman semuanya terkumpul..aneh...gambar loadingnya ada terus...apa saya salah scriptnya ya?

    BalasHapus
  8. ko gambar loading nya trus ada sih om...
    zzzzzzz

    BalasHapus
  9. wah mas ngalangin arcihve,,gmbar loading'a,,dan juga mas gk berhenti-henti loading trussss :c:

    BalasHapus
  10. :e: wah gak bener neh...aq marah:e:

    BalasHapus
  11. cuma saran.... klo posting tu yang bener dong..... COPAS AJA NIH ORANG....

    BalasHapus
  12. waw.. keren2 trik2 blognya....
    langsung di coba ...berhasil...

    BalasHapus
  13. Klw mau coba2 bikin sndiri gmbar loadingnya, bisa dilihat di www.lombokdihati.wordpress.com
    Cekidoottt..... :mrgreen:

    BalasHapus
  14. Bisa juga dilihat sebagai contoh DEMO di http://www.nienpaper.co.cc

    Tetapi memakai script yang berbeda.

    BalasHapus
  15. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. terima kasih untuk artikel yang sangat berguna ini mungkin dengan postingan ini saya dapat menambah wawasan apa yang Anda tuliskan melalui blog ini dan untuk penulis blog ini saya ucapkan terimakasih banyak infonya sangat membantu untuk diri saya yang gaptek ini...
    alat bantu
    alat bantu sex toys pria wanita
    alat bantu sex pria wanita
    obat kuat pria herbal
    obat perangsang wanita alami paling ampuh
    vimax asli canada pembesar alat vital
    belajar seo otodidak
    seo aris
    seo aris
    seo traffic google
    dunia glamor

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.