Bloggers Festival Guru

• Go to Dashboard > Design > Edit HTML and Back up your template
• Check the Expand Widget Templates checkbox on top right of the code window.
  
• Find the following code in your HTML:
  

<data:post.body/>

• Paste the +1 button code immediately below (after) it:

<!-- Google +1 button Start -->


<b:if cond='data:blog.pageType != "static_page"'>


<div style='float:left;padding:10px;'>


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


<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>

</div>
</b:if>

button End -->

<!-- Google +1 button ends -->
 

Further Customization

• Select the size of button by replacing the value of size with a value from the table below.

  Table by: bloggersentral.com

• You can remove the count by replacing the value of count from true to false.
• If you want your Google +1 button under the blogger post title then you would have to paste the Google +1 button Code Before <data:post.body/>
  
• If you want to show your +1 Google Button on the right side , simply change float:left to float:right , add the code and save your template.