iBlognet

Add Google’s +1 Button To Your Website

by Editor

Finally, the wait is over. After the launch of +1 button for Google Search Engine, Google finally launched its awesome +1 button for websites today. The +1 Button helps people to discover relevant content on Google and vote them up. +1 button will let people who love your content recommend it on Google search.  Just like the Facebook “Like,” Google’s +1 lets you to recommend articles, products and other on the Internet, with just one click. The next time when people in your social networks search, they will see your +1’s in their search results. Check out the video below:



DEMO:

Small +1 Button
Medium sized +1 Button
Standard sized +1 button
Tall sized +1 button



Adding Google’s +1 button to your Website

1. Go to http://www.google.com/webmasters/+1/button/index.html

2. Choose the preference as per your need:

3. Copy the code:

4. Search for <div class=’post-header-line-1′>and paste the code just below it. If you just want to dispaly the button only on post pages, then add the following code:

<b:if cond=’data:blog.pageType == “item”‘>

//// PASTE YOUR CODE HERE ////

</b:if>

5. Save your template and view your blog. That’s it!!!

While the +1 button will start to pop up on more and more websites, you can only see the feature in Google search results by opting-in from Google Labs for the time being. The feature is only available on English-language search results for the time being. Do share your views!!!

Article by »


Admin and Editor of iBlognet iBlognet has written 294 fantastic article(s) on iBlognet.


Author Connect »

Comments on this entry are closed.

Previous post:

Next post: