Adding The Google +1 Button To Blogspot Blog’s Sidebar

This post features a tutorial on how to add a Google +1 (Plusone) Button to your blogspot blog’s sidebar.

Step 1. Go to the Design tab on your blogger dashboard and click on Edit Html

Step 2. Copy and paste the following code before the </body> tag

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

Step 3. Next click on Add A Gadget under the Page Elements tab and select an HTML / Javascript box. Copy and paste the following code into your HTML / Javascript box and hit the save button.

<g:plusone></g:plusone>

This includes a standard button into your blog. You can also use any one of the following button size options.

<g:plusone size="small"></g:plusone>
<g:plusone size="medium"></g:plusone>
<g:plusone size="tall"></g:plusone>

Step 4. Drag and move the HTML box into your sidebar (or any other place where you want to display the button) and your are done.

Adding The Google +1 Button To Blogspot Blog’s Sidebar Adding The Google +1 Button To Blogspot Blog’s Sidebar Reviewed by Sandipan Chakraborty on June 22, 2011 Rating: 5
Powered by Blogger.