How To Install Or Setup Google +1 Button in Blogger / Blogspot

As has been reported in the crowded world of the internet, Google has created a new feature: "Official Google +1 Button" which is a tool for visitors to the blog / web, and search engines to give a "vote" for a page of your blog / website that he has value ( value) of great benefit. According to Google, the +1 Button also provide references and recommendations for Google to rank a web page in search engines (SERPs).

Therefore, install the Google +1 button could be an alternative for the owner of the blog / website to improve SEO blog / web. Although this time the new Google +1 feature appearing in the domain google.com, but installing it from now on does not hurt, because the domain was all websites in various parts of the world are also taken into account, especially if later it also appeared in the feature domain google.co. id, certainly more helpful and many times the effect on SEO and SERPs.

How to install Google +1 Button in Blogger / Blogspot:
For the default template blogger or an official blogger default, this feature can be made easily through the page elements / edit gadget, because this feature has been officially added to Blogger. Consider the following picture:

Google +1 buttons can easily be displayed by checking the "Show Share Button". Go to dashboard >>  design >> then click "edit post" in the body of the template and the pop-up window will appear as shown above.

However, the template that has been modified and not the default template, the "share button" usually has been removed. Therefore we need to add a HTML template editing feature / the Google +1 button.
Officially, there are 3 types of button or Google +1 button:

standard

medium

small

1. Go to dashboard >> design >> edit HTML
2. Copy the code below and paste it right BEFORE </ head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

3. Copy the code below:

<!-- Google +1 Button  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size="standard"></g:plusone>
</div></b:if>
<!-- http://buka-rahasia.blogspot.com -->

Customizable Google +1 button:

1. Replace standard with medium or small if you want to change the display size of the button / such as the example above.
2. Replace right to left if you want the button / switch on the left side.
3. Code blue button will show only when the page is opened post. If you are using auto readmore, then the button will not appear in the summary post, so the post summary view will not be damaged. If you are not using or use auto readmore readmore but still want to show it in the post summary, remove the blue code.
4. If you want to put a button at the bottom of the post, looking <div class='post-header-line-1'/> (use Ctrl + F) and paste the code right BELOW it. If the codes are not met, place the code in THE <data:post.body/>.
5. If you want to put a button at the bottom of the post, looking <data:post.body/> (use Ctrl + F) and paste the code right BELOW it.
6. Save the template.

Google +1 Button >> actually is still a Google test, both in his script (beta) as well as in its function as a vote and share search results. As I observed, Google +1 script is still not stable; well in his phase as well as downloading the file when it is loaded by a particular browser. Sometimes the buttons do not show up or we can not vote, so that, when installed after the script does not appear, possibly caused by the problem.

Posted in: Blogger Design,Blogger Layouts,Blogger News,Blogger Tutorials