Installing the Google+1 Button for Each Post

Thursday, August 04, 2011
If you are using the Share buttons through Blogger and did not install any social media sharing buttons manually, you can disregard this post. This is only for people who installed the Google+1 button manually in their Blogger HTML template.

I recently installed the Google+1 button because everyone else is doing it and if everyone jumped off a bridge, I guess I would too. I noticed someone +1'd one of the posts on my blog(!) but I couldn't tell which one because ALL the posts had a +1 and it seemed odd that someone would +1 each and every one of my posts no matter how good looking I was. This is an error in the standard Google+1 HTML -- it doesn't know which page/post to +1! So if you've tried installing it manually with this code:
Place this tag in your head or just before your close body tag
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Place this tag where you want the +1 button to render
<g:plusone></g:plusone>
You'll have to use this instead of the second code:
<g:plusone expr:href='data:post.url' size='medium'/>
The new code will specify that each post will be +1'd instead of the whole blog when you're looking at it from your homepage. You can change the size of your Google+1 button by changing the 'medium' text from the codes here. Options:  'small', 'tall', or delete size='medium' to get the standard button. If you have any questions, let me know in the comments below and I'll try to help the best I can!

4 comments :

  1. thanks so much for this tip! i haven't gotten around to the google plus thing yet, but eventually i will!!

    ReplyDelete
  2. the +1 button only shows up in one post :( how do i make it show up in all posts? thanks :) i am using the default share buttons for now. 

    ReplyDelete
  3. Thanks! I'll try that next time. I discovered addthis widget and is using it now.

    ReplyDelete