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..
- Login ke akun blogger sobat.
- Lalu masuk ke Rancangan > Edit HTML.
- Copy paste kode di bawah ini lalu pasang di atas kode
</head>
- <script type='text/javascript'>
- 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";
- }
- </script>
- 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>
- Save template dan lihat hasilnya.
Semoga bermanfaat..
ADS HERE !!!