How To Add Loading Effect On Blogger (Blog trick)

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

View demo


  • Log in with your blogger account

  • 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
    Share this article :
     

    Post a Comment

     

    Copyright © 2011. Tricks Duniya - All Rights Reserved