Google Plus One Code


In this tutorial I will show you how to add the Google Plus One Button to your website, it’s going to be added to the apps folder very soon, but for now you must do it the manual way.

To get started open up you need to add the meta code to your head tags you can do that by clicking edit on the page you wish to add it to.  Once in the editor click on this icon:  this is the page properties icon.

Once it pops up, look at the bottom of the pop up where it says: Additional head tags: 

and paste this code:

<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Now what you want to do is add a text box, and replace the “new” text with this:

<g:plusone annotation=”inline” width=”400″></g:plusone>

Now where ever that text box is, is where your Google plus one button will appear.

HINT: I adjust the font size so the text box is rather small, I suggest making the text font 8px.