Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

Install Loading page status in Blogspot


Bored waiting for your blog page have opened? If so, you need to have the status of page loading or loading page status in your blog. You may think we use difficult code , No ! However, this form of animation from just a picture, so is very simple and easy instalation too. You can make your blog looking more interesting.

You just prepare a animation picture in .GIF format. You can use the service from preloading image generator like Ajaxload or Preloader, after that follow this tutorial carefully

1. We need a Javascript code like this :

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

Then copy that code to notepad and save as name as pageloader.txt. Then Upload it to your own server.

2. Upload your .GIF image in Photobucket, Google Pages, or Geocities
3. After you upload the JS code and image , go to Edit HTML ( you dont need expad template widget ) and changes the <body> code with <body onLoad=’init()’>
4. Then put this code after <body onLoad=’init()’> code

<body onLoad=’init()’>
<div id=’loading’ style=’position:absolute; width:100%; text-align:center; top:600px;’>
<img border=’0′ src=’http://image URL/pic.gif’/></div>
<script src=’http://JS code URL/pageloader.txt’ type=’text/javascript’/>

5. And save your work !

Now, you must try the animation is work or not, If it work well, the image will stop move when the browser doesn’t work or stop loading. Loading stopped and animation too.

If you have any question, you can leave comment here . Happy Blogging

Subscribe via Email

Share this:

  • Click to share on X (Opens in new window) X
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on Pocket (Opens in new window) Pocket
  • Click to print (Opens in new window) Print
  • Click to share on WhatsApp (Opens in new window) WhatsApp
  • Click to email a link to a friend (Opens in new window) Email

Related

March 2, 2009 Ritesh Sanap Blogger Tutorials, Internet, Solutions Blogger Hacks, Cool things, Tutorials

Comments

  1. Adrian says

    April 3, 2009 at 11:20 pm

    This is awesome! Ill try this out for my webpage. How big can the image be?

    resourceforge.blospot.com

    Reply
  2. mfbar says

    September 11, 2009 at 10:30 pm

    thanks!

    very cool~

    Reply
  3. gchangetok says

    July 28, 2011 at 3:40 pm

    i will try, thx

    Reply
  4. Healthy life says

    January 6, 2012 at 11:53 am

    Nice info,,thank you very much

    Reply

Leave a ReplyCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: How to add back to top button
Next Next post: "I have forgotten my Orkut/Gmail Password" – How to Recover the Hidden Password

Currently Trending

  • How to download Specific parts of YouTube videos
    How to download Specific parts of YouTube videos
  • Windows Vista CD key
    Windows Vista CD key
  • How to retrieve my Demonoid username
    How to retrieve my Demonoid username
  • How to add Logo to Thesis theme
    How to add Logo to Thesis theme
  • How to Delete Feedbacks from JetPack Contact Form
    How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
    List Of All 255 Keyboard All Alt Key Codes
  • h4x0r ( Hacker ) - Blogger Template
    h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

Favicon Generator – Create your Own icon

March 10, 2009 By Ritesh Sanap 1 Comment

How to move Thesis Navigation bar below Header

April 4, 2011 By Ritesh Sanap 2 Comments

How to hide a Drive/Partition

February 5, 2011 By Ritesh Sanap Leave a Comment

Change WordPress From Email Address

March 4, 2011 By Ritesh Sanap Leave a Comment

4 Ways to Reduce Spam Comments

December 7, 2012 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2025 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean