Monday, February 27, 2012

உங்களுடைய page அனிமேஷன் மாற்ற வேண்டுமா

9:29 PM Posted by Mohamed Basith 1 comment






1. Open Blogger
    2. Go to Design
      3. Edit HTML
        4. Tick Expand Template Widget
          5. Save your template before you start.
          6. Copy this code bellow in notepad and save as preloader.js








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


          7. Upload it in free hosting such as googlecode 

          8. Search for this code bellow press Ctrl F

          <body>

          7. Then replace the above code with this code

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

          <script src='http://yoururl.googlecode.com/files/preloader.js'
          type='text/javascript'>



          8. Save your template and done

          for page loading image you can use your own or you can use this animation bellow 


          9. Browse your blog to see the animation

          1 comments:

          Post a Comment