How To Add Loading Effect On Blogger

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Loading effect is a very nice effect. When visitors access your blogger website they will find a loading effect until the the webpage fully loads. Obviously effects are sometimes very necessary to attract readers, such as loading effect. Normally blogger webpage loads quickly but due to some heavy templates it may cause the loading slow. Its may also visitors to leave your site. But i am enough sure if they find a the effect while loading, they must be curious and don't feel awkward

Here is a nice demo for you

On the dashboard → Design → Edit HTML

Now backup your current template

Tic on Expand Template Widget

search code following code

<body>

Having met the code mentioned above,Delete it and replace with the code below

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1220.photobucket.com/albums/dd456/cybersahrul/loading.gif'/></div> <script src='http://loading-js.googlecode.com/files/loading.js' type='text/javascript'/>

Save the template and done :)

Comment here if you like the tutorial and good luck