Wednesday, 8 June 2011

How to embed button Google+1 in blog?

How to embed button Google+1 in blog?

The first step, click here for details, but not all templates support.
If your templates don't support, you can edit it.
1. Login
2. Click design  >> Edit HTML
3. Download full template, and then click Expand Widget Templates.

4. Find <div class='post-header-line-1'/> (for easier, click Ctrl+F).
5. Put this code, under <div class='post-header-line-1'/>
See here:

<div class='post-header-line-1'/>
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src=""></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

You can change size:
- Small (15px)
- Standard (24px)
- Medium (20px)
- Tall (60px)

6. Save templates.
Now, google+1 button appears under the title of the article.