•  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..

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.

• Remove Post Atom:

  
  

  .feed-links, .blog-feeds {
display: none;
}

• Remove Home Link:

   

  .home-link {
display: none;
}

• Remove Older Post Link:

  
  

  .blog-pager-older-link {
display: none;
}

• Remove Home & Older Post Link: 

  .blog-pager {
display: none;
}

  after entering this code into the Add CSS box, with the cursor still in the box hit the space bar for it to take effect. 

  
  

  SEE all    Blogger Tricks

The Head Tag

Code:

<script type="text/javascript">
// <![CDATA[
var colour="#666666";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

<div id=’content-wrapper’>
OR
<div class=’columns fauxcolumns’>

<b:if cond=’data:blog.url == &quot;http://yourblog.blogspot/p/forum.html&quot;’>
PASTE_CODE_FROM_NABBLE_HERE
</b:if>

</head>

<b:if cond=’data:blog.url == &quot;http://yourblog.blogspot/p/forum.html&quot;’>
<style type=’text/css’>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>