Adding QueryLoader Script For Blogger

•  In this step we will add a scripts files to your blogger template.
  Please navigate to your dashboard >> Design >> edit html , and please find the following code,
•  

  </head>

•  And exactly before it add the following code
•  
  

  <script src='http://code.jquery.com/jquery-1.5.min.js' 

  type='text/javascript'/>
  <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js'

  type='text/javascript'/> 

• And on the same page, please find the following code, 

 </body> 

•  And before it add the next code,(Adding Java Codes)

•  

  <script>
   QueryLoader.selectorPreload = &quot;body&quot;;
   QueryLoader.init();
  </script>

•  now on the same page too, find this code, (adding CSS CODES)
  
  
  
  

  ]]></b:skin>

  
  

  
  And before it , add this code, 

   .QOverlay {
   background-color: #000000;
   z-index: 9999;
  }
  
  .QLoader {
   background-color: #CCCCCC;
   height: 1px;
  }
  
  .QAmt {
   color:#FF530D;
   font-size:50px;
   font-weight:bold;
   line-height:50px;
   height:50px;
   width:100px;
   margin:-60px 0 0 -50px;
  }

  now Click Save Template  

  THATS ALL

  >>>>>Click Here TO SEE THE DEMO >>>>>

    
  
  
   

• Read more:  of Blogger Tricks..