Google releases +1 Button , add one on yours

Google has been the house of innovations and certainly in no sense it would want to behind its largest competitor as of now Facebook. Facebook social plugin developers have brought in lots of things which can be used by site developers and bloggers to connect their site with facebook. Google in counter to Facebook has released the google +1 which is certainly made a breaking news.

Just after hours after the release of the button  it could be seen live on many big blogs and sites like the Mashable and others. You can add one as well

Steps to add Google +1

1) For wordpress:

  • Place the following code in your head tag i.e  within <head> & </head>

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

  • Now place the tag you want accoring to the size in your single.php file

For small Button:

<g:plusone size=”small”></g:plusone>  //Size:15px

For Medium Button:

<g:plusone size=”medium”></g:plusone> //Size:20px

For Tall Button:

<g:plusone size=”tall”></g:plusone> //Size:60px

For Standard Button:

<g:plusone ></g:plusone> //size:24px

2) For Blogger:

  • Go to Edit HTML and search for head tag and past the following code

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

  • Now serach for <div class=”post-header-line-1″/> or<data:post.body/> and paste the following code immediately

<div style=’float:right; margin-right:10px;’>
<g:plusone expr:href=’data:post.url’></g:plusone>
</div>

  • Save the template

Share This Post

Related Articles

One comment on “Google releases +1 Button , add one on yours

  1. Rojish on said:

    Google is trying their best to provide better search experience for its users and this another move for it. Who knows, may be in the future Google may add this data’s to their search ranking algorithm too.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Affiliate Disclosure | FTC Statement | Privacy Policy | Contact Us
© 2008-2012 Tech Freak Blog. All rights reserved.