Cash is Good!

I have taken a part-time job, and it's definitely affecting my blogging time. I'll continue to post here as I am able.

Sunday, July 24, 2011

How to Add Google +1 Button to Blog Posts

If you have see the Google +1 button on some blogs and other sites, but it doesn't appear on yours, maybe you would like to add it.

Google Plus One is a new way of indicating that you like an article, similar to the thumbs up or "like" on Facebook. It connects to the new Google Public Profile interface. At this point, you need to be invited to join this, but you can consider yourself invited, by clicking http://gplus.to/sharkbytes.

If you would like to add the button to your blog, here's how. You need to add one line of code to the blog HTML template. The easiest place to put this is right before the </body> tag- just scroll to the bottom of the template, and you'll see this. Add the following code <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> Don't forget to save the template! (It can be placed in the <head> if you prefer.)

Then, in the post where you would like to have the button show, add this <g:plusone></g:plusone>

You can see that I successfully added it to this post. If you want it to appear in every post, make it easy on yourself and put the <g:plusone></g:plusone> code in your post template- that template of items that you want to show in every post.

You can also add the Google+1 icon to regular web sites, using the same method.

If you found this helpful, maybe you would click the +1 button below for me!

Google +1 FAQs

1 comments:

Ratty said...

A very good tip for those with customized Blogger blogs. I put it in my blog in much the same way.