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.
How:
1. Login www.blogger.com
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:
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.
The first step, click here for details, but not all templates support.
If your templates don't support, you can edit it.
How:
1. Login www.blogger.com
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="http://apis.google.com/js/plusone.js"></script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></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.