I just caught the news about Google making available the new +1 Button.
If you want to understand the value of the Google +1 button, here's a quick video that Google put together:
As an end user, I'm still not sure about the value, but as a content publisher it might help my search rankings and make my content more discoverable so I figure I would add it to Connections and my Blogger blogs. (more on Connections in a follow-up post).
Adding the Google +1 button to Blogger is pretty easy. Once you follow these instructions, it'll show up on your page similar to this:
Here's how you get it done:
- Go to Blogger.com
- Log in with your account if you haven't yet
- On your Dashboard, click the Design link for your blog you want to modify
- Near the top of the page click on Edit HTML
- Now on top of the text box, click the Expand Widget Templates checkbox
- Find the line that contains </body>
- Just before that tag, add the following code:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
- Now search for post-body and you should find something like this:
<div class='post-body entry-content'>
- Immediately after that line, add the following code:
<div class='post_share social-media'>
<div class='wdt_button'>
<g:plusone expr:href='data:post.url'/></div>
</div>
- Now look for .footer-outer { and you should find something like this:
.footer-outer {
color:$(footer.text.color);
background: $(footer.background);
...
- Just before that line add the following:
/* Social share styles
----------------------------------------------- */
.social-media {
width: 90px;
}
.post_share {
float:left;
}
.post_share .wdt_button {
clear:left;
margin:0;
}
.wdt_button {
padding:5px;
}
- Click Save Template and that should do it.
To see how to add the Twitter and Facebook Like buttons to your Blogger blog, see this post.
Enjoy!