Kali ini saya akan share bagaimana caranya memasang status loading di blog,, trik ini berfungsi untuk mempercantik blog anda,.

contoh loading

Image

Image
 

masih banyak lagi model yang lainya.
jika anda tertarik, silahkan ikuti langkah2 di bawah ini :

1. Membuat file js, lalu menyimpan ke hosting script, kemudian memasukkan script pada template editor. Silakan kunjungi  Ajax Load dan buat image loading sesuai selera anda dan silakan simpan di hosting file tempat biasa anda menyimpan gambar.


2. Silakan buka notepad anda kemudian copy code dibawah ini, simpan dengan nama misalnya : preloader.js, codenya dibawah ini :



var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

NB :
+ Jangan sampai salah simpan dengan ekstensi js.

3. Memasukkan script pada template editor :

  • Login ke account blogger anda.
  • Klik Layout --> Edit HTML.
  • Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :

<body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://URL Lokasi Simpan Script js' type='text/javascript'/>;

    Keterangan :
    + Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
    + Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

    4. Simpan Template dan selesai.





    Selamat mencobanya dan jangan lupa koment

    Posting Komentar

    Catatan:
    1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
    2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
    3. Kami usahakan membalas komentar anda secepat kilat!
    4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
    5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

    Salam Admin
    Darma Jaya

     
    Top