Friday 20 April 2012

Google + button on blogger

0 comments

to add a google+ button on blogspot. earlier the better you know the usability of google+ buttonthat for me personally is one of seo techniques, so they can get the best results in the hunt seo blog.many articles about SEO techniques most nearly refers to google+ . so in my opinion google+ is essential for those who play a certain keyword on google search engine. 
Let return to the main topic, how to add google + button on the bloggers are as follows: 

1. Log in to your Blogger account.
2. Click Design, then select edit html 
3. Check Expand Widget Templates (Backup first your templates to prevent errors in your template later) 
4. Find the code </ head> (easier to use CTRL + F) 

5. Put this script right above or before the code </ head> is. 

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

6. Find the code <div class='post-header-line-1'/> or <data:post.body/> 

7. Place the following code right above the code you are looking for earlier 
<b:if cond='data:blog.pageType == "item"'> 
<div class='post-share-buttons' style='float:right;padding:4px;'> 
<g:plusone size='standard'/>
</div> 
</b:if> 

8. Save Your Template 

NOTE: The standard words that given the red color can be changed to a medium or small, if you want to change the shape button, for more details, please visit the official page of Google +1 button 
And the right words can be changed with the left button if you prefer to be seen on the left.

Leave a Reply