Sesuai dengan namanya, Javascript Image Preloading ini memang didesain dengan memanfaatkan kode/elemen DIV di dalam javascriptnya, yang difungsikan untuk membentuk konfigurasi penataan dan tampilan gambar / image serta teks. Dengan memanfaatkan fungsi seperti ini, ketika sebuah blog dibuka, maka akan ditampilkan gambar / image atau teks yang memberi pertanda bahwa blog sedang dalam proses loading / membuka..
  1. Login ke akun blogger sobat.
  2. Lalu masuk ke Rancangan > Edit HTML.
  3. Copy paste kode di bawah ini lalu pasang di atas kode </head>
      

    1. <script type='text/javascript'>
      2. 

    2. var ld= (document.all);
      3. 

    3. var ns4=document.layers;
      4. 

    4. var ns6=document.getElementById&&!document.all;
      5. 

    5. var ie4=document.all;
      6. 

    6.   if (ns4)
      7. 

    7.    ld = document.loading;
      8. 

    8.    else if (ns6)
      9. 

    9.  ld = document.getElementById("loading").style;
      10. 

    10.    else if (ie4)
      11. 

    11.  ld = document.all.loading.style;
      12. 

    12. function init(){
      13. 

    13.   if(ns4){ld.visibility="hidden";}
      14. 

    14.    else if (ns6||ie4) ld.display="none";
      15. 

    15. }
      16. 

    16. </script>
      17.
  4. Setelah itu cari kode </body> lalu ganti dengan kode berikut
    <body onLoad='init()'>
<div id='loading' style='position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10;'>
<img alt='Loading' src='http://i1216.photobucket.com/albums/dd361/Garyu70/Blog/CircleGreenBlackLoader.gif'/></div>
  5. Save template dan lihat hasilnya.
Semoga bermanfaat..

Terimakasih sudah berkunjung dan membaca artikel mengenai Javascript Image Preloading