Google Plue (+) Button Before Each Post

Google plus is fastest growing social networking site because of Google and today I am writing about how to add Google button. This is a Quick and Easy method of adding Google Plus Button on Each post of Blog.

Locate this code in your HTML code (For blogger users, go to Design > Edit HTML. Then, tick expand widget templates)

Add the given code below just above the </head> tag.

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

Search  <div class='post-header-line-1'/>

If you can not find <div class='post-header-line-1'/> in your blogger template, paste your google plus one button code just after <data:post.body/>

Now Copy Given Code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

Save You Work and Open Your Blog For See The Changes