Sesuai dengan namanya, Javascript Image Preloading ini memang didesain dengan memanfaatkan kode/elemen DIV didalam javascriptnya,yang difungsikan untuk membentuk konfigurasi penataan dan tampilan gambar/image serta teks. Dengan memanfaatkan fungsi seperti ini, ketika sebuaj 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 GML
- Copy paste kode di bawah ini lalu pasang diatas kode </head>
4. Setelah itu cari kode </body> lalu ganti dengan kode berikut:<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>
5. Save Template dan lihat hasilnyaSemoga bermanfaat<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>
0 Komentar untuk "Javascript Image Preloading"