1.Log in to your Dashboard--> Design- ->Template

2.Click Edit HTML

3. Put checked marked in Expand Widget Templates

4. Find this tag by using Ctrl+F </head>  tag

5. Paste below code before </head> tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.com-scrolltopcontrol.js' type='text/javascript'></script>                           

5.Now Click Save Template

Special Thanks : Sameera Chaturanga

How To Add New Official Google +1 Button to Blogger

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this </Head> tag

4.Copy below code and paste it just before the </Head> tag

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

5.Now Scroll down to where you see this <div class="post-header-line-1"> tag

6.Copy below code and paste it just before the <div class="post-header-line-1"> tag

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='post-share-buttons' style='float:right;margin-right:10px;'><g:plusone size="small"></g:plusone></div></b:if>