Friday, November 11, 2011

Google +1 button on each blog post


As you know, Google +1 button allows the user to dial the displayed content as recommended in your blog or website. These recommendations will be displayed in search results on Google search engine on Tuesday June 28 2011 globally. 

To recommend must be logged on to Google and the profile associated with your account must be public . Clearly this button directly competes with the world famous "Like" on Facebook.However, the Google button plays a very important and will favor the positioning of the recommended sites. So not only attentive but also Bloggers WebMasters . 

If this button as the user makes these recommendations with a vote on content. If pressed again, take away the vote. You can also manage your vows on your public profile. The effect is ... Google wants to achieve "best recommendation, which makes you a friend" 

Before continuing I invite you to watch the following video of just 1 minutes showing the operation of this new button that will undoubtedly flood the entire Internet. 

Video of how the +1 button from Google: 




Steps to put the +1 button Google's blog (Blogger): 
There are two methods and you must choose the one that best suits your case. 

Method 1. Using the buttons to share 
For those blogs (not me) who are not like the custom buttons that appear on this blog at the bottom of each entry, there is a very simple and the buttons enable default share of new blogger templates. 

  1. Enable share button on each blog entry
    • Open the tab "Design"
      • If you are using old Blogger interface , make then "Page Elements"
    • In "Blog Entries" press "Edit"
    • Check "Enable buttons to share"
    • Save the template and displays the blog
    • You should see the following entry under each toolbar:

New button on the buttons +1 share Blogger

Method 2. Using Javascript code and customizing the template 
This is the method I used in iniciaBlog since from that incorporates the button "Tweet" anddo not show the buttons to share the template (I always seem very visual). 
  1. Code for the "Head" blog
    • Open the tab "Design" and then "Edit HTML"
    • Click "Download Full Template" to back up
    • Click "Expand templates widgets"
    • Seeking through the browser (Ctrl F or Ctrl B) this string </ head>
    • Paste right before the previous line the following code:
      <! - +1 Button to blogger ->
      src='http://apis.google.com/js/plusone.js' lang='ss' <script type='text/javascript'/>
  2. Code button below each entry
    • Now we look for this string:
      • To put the foot of the entry: post-footer-line post-footer-line-1
      • To put it in the header of the entry: post-header-line
    • Just paste this code below:
      medium size=' <g:plusone'/> expr:href='data:post.url'
    • Save the template and displays the blog.
My size button is the "medium" but you have other sizes. 
Visit the official page of Google +1 button to see available. Once elected, only the parameter changes highlighted in red. 

If you look in addition to this we also iniciaBlog button on the button "Like" Facebook and the button "Tweet" Twitter implements that I recommend to your blog (if you have not already) 

If you like iniciaBlog publications, follow me from Twitter

No comments:

Post a Comment

Más información ¿Cómo poner el botón de...:?

Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog