See Other Blogger Tricks By CoderLAB

BLOGGER TRICKS

How to add a Paypal donation button to your blogger

Most of the bloggers use Paypal donation button to their blog, so that if any one likes their work and wants to donate money than they can us this button to donate. First of all to add this button you need a paypal account. If you dont have, create one.Now follow the following steps to create Paypal donation button for blogger -1. Login...

Remove or Hide Post Atom, Home, and Older Post

                                                      Blogger Tricks This  links can be easily removed by adding following small css  codes . You can even choose...

How To Add Google Adsense to the Header

Adsense to the Header (Above the Title) If you want to add Google Adsense to your header for instance above the title you can by adjusting your template to give you the option of adding more than one widget to the header area. 1. Login to Blogger and navigate to Layout > Edit HTML2. Back up your template as a precaution by downloading the full template to your computer3. Check the Expand Widgets Template box 4. ...

Numbered page navigation for blogger

Here is a completely new and working script for Numbered Page Navigation (i.e. Panigation) for Blogger. The pagination widget for blogger make it simple for your visitor. Its a must have widget for any blogspot blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2,...

Remove or Hide Blogger Top Navbar in your Blogspot blog

               Remove or Hide Blogger Top Navbar in your Blogspot blog                                                             ...

Recent posts widget with thumbnails in blogger

                                    Blogger Tricks   Recent posts widget with thumbnails in blogger Here is the JavaScript code for recent posts widget with thumbnails in blogger. Many blogspot users want to display their recent posts in their...

WAYS TO INCREASE BLOG TRAFFIC IN LESS THAN A WEEK:

WAYS TO DOUBLE  BLOG TRAFFIC IN LESS THAN A WEEK:                          Blogger Tricks Everyone want's traffic.So Here Describes A Few Methods To increase Blog Traffic . 1.SEARCH ENGINE:it brings lots of traffic to your blog.There are millions of people search in the search engines like Google,Yahoo,msn everyday.So,if your blog has so many good posts...

Glitter Effect Mouse Pointer to your Blog

                         Glitter Effect Mouse Pointer to your Blog                                                       ...

BLOGGER TRICKS

Adding QueryLoader Script For Blogger

QueryLoader is a blank black ( can be changed ) screen that covers your blog till all content loaded, which means that your visitors won’t see the actual loading of your blog, instead of that, they will see a loading page with a bar and percentage of the overall blog loading, it’s build using j-query and css. easy to apply to your blogger blog, and customize able.

•  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

  Read more:  of Blogger Tricks..