Skip to Content

Add a Google plus one (+1) to your blog

Google has a new button out called Google Plus One- To add this button to your blog follow these steps:

For Blogger:

1. Log in to your blogger account and Go to Design > Edit HTML

2. Check the Expand Widget Templates box

3. Find this tag by hitting Ctrl+F – a search box will pop up and put this tag in and it will find it for you:
</head>

4. Paste the  code Below before the </head> tag:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
 {lang: 'en-US'} </script>

5. Find this tag by hitting Ctrl+F: <data:post.body>

6. Paste the code below before the <data:post.body> tag  for the button to appear below the post title OR
Paste the code below after the  <data:post.body> tag for the button to appear below your post.

<div style='float:left'>
<g:plusone size="medium" expr:href="data:post.url"/>
</div>

7. Now you are done hit save and your button should appear.Have suggestion for tutorials- would love to hear your feedback! Leave your comment below.

Gail Akeman

Wednesday 4th of January 2012

I have the +1 in blog posts but how do I get it as a button I am confused about the html stuff. I can't get my page to come up on my google + page. please help

Bewildered Bug

Sunday 12th of June 2011

I can't find the: ... Ctrl F says there's none on my page? :( this html stuff is so frustrating!

Diane M

Saturday 11th of June 2011

I'm a new follower too..

Diane M

Saturday 11th of June 2011

Thanks for the info on the button. Great blog post.. Please stop by my blog too.. thanks.

Diane M

Saturday 11th of June 2011

I was wondering about this new goggle button, thanks for the info. I'm a new follower . Please stop by my blog http://candoitmom.blogspot.com/