Cara Membuat Loading Bar di Blog


Cara Membuat Loading Bar di Blog - Cara ini saya iseng-iseng membuat gambar gif dengan tema loading bar. Nah saya coba berseluncur ke internet untuk mencoba menggabungkan loading bar saya dengan mereka-mereka.

Ternyata setelah perpaduan carannya cukup simple. Ingin tahu caranya? anda bisa simak langsung disini.

BERIKUT CARANYA

1. Login ke blogger anda.
2. Ke template.
3. Klik Edit HTML.
4. Cari kode </head> menggunakan ctrl+f.
5. Letakkan kode dibawah diatas 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> 
6. Setelah itu cari kode </body> dan letakkan kode dibawah diatasnya.
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfmLKUgYOEbHvlToX-6sZYWW77qvnmiCBCuiyxMGoZ0y7B8IiyurvxmQc55ptUcitjHo8AAwy1nh4YMtD_NqFKpJDxn89JHT8F_2SA5cVySomIbLPu-AynH-gpW7clmk902WK8ty1JBNc/s1600/caypul-design.gif'/></div> 
Untuk demonya anda bisa lihat gambar dibawah


Nah sekarang anda memiliki loading bar yang keren.