You Are Here: Home» Widget Tips » How to Put Animation Status Page Loading in Bogger

Ok, yes, as promised me yesterday to write a tutorial how to install the image loading status of this page in blogger.First, select only the first one of two animated preloader Preloader or Ajaxload this service, then save the images in the gif format. If so, please upload the image files to your hosting earlier (which is free to use geocities.com)

The second step please open your notepad, then save the code below with the name preloader.js (make sure the extension ends in JS instead of TXT).

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";
}

If so, please upload the files to your hosting preloader.js (which is free to use geocities.com)

How to Put on bloggers:

Just go directly to the address EditHTML, search <body> . <body> Then replace with this code agree, do not forget to replace the code in red below and adjust itself to the address location for storing pictures and your JS file.

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://location-Save.com/picturepreloader.gif'/></div>

<script src='http://location-Save/preloader.js' type='text/javascript'/>

To change the placement of the image loading please set yourself on the code text-align: center (please play it with the code center, try to replace it with left, right, top or bottom). Actually there are many other tricks, please independently developed yes.

Attention! I have not been able to change the tag info if this violates TOS <body> bloggers what not, so I suggest do not try directly on the main blog. please experiment on your test blog. If it happens Problem do not blame me OK! :)

Good Luck Friend..
Tags: Widget Tips