Cómo poner el botón +1 de Google en el blog

Google acaba de estrenar su botón +1 de GoogleComo sabes, este botón permite al usuario marcar como recomendado el contenido mostrado tanto en un blog/web como en los resultados de las búsquedas (de momento disponible solo en la versión inglesa del buscador).

Para recomendar debes haber iniciado sesión en Google y el perfil asociado a tu cuenta debe ser público. Es evidente que este botón compite de manera directa con el mundialmente conocido "Me Gusta" de Facebook. Sin embargo, el botón de Google tiene un peso muy importante ya que favorecerá el posicionamiento de los sitios recomendados. Por lo tanto atentos no solo los Bloggers sino también los WebMasters.

Si como usuario marcas este botón, estas recomendado con 1 voto el contenido. Si lo vuelves a pulsar, quitas el voto. También puedes gestionar tus votos desde tu perfil público. El efecto que quiere conseguir Google es..."que mejor recomendación, que la que te hace un amigo"

Antes de continuar te invito a ver el siguiente video de apenas 1 minuto donde se muestra el funcionamiento de este nuevo botón que sin duda inundará todo Internet. Activa  los subtitulo en español pulsando el botón CC en la barra de reproducción.

Video de cómo funciona el botón +1 de Google:




Pasos para poner el botón +1 de Google en el blog (Blogger):
Existen dos métodos y debes elegir la que más se ajuste en tu caso.

Método 1. Usando los botones de compartir
Para aquellos blogs (no es mi caso) que no tienen botones personalizados como los que aparecen en este blog al pie de cada entrada, hay una forma muy sencilla y es habilitar los botones de compartir por defecto de las nuevas plantillas de blogger.

  1. Habilitar los botones de compartir en cada entrada del Blog
    • Abre la pestaña "Diseño" y luego "Elementos de la página"
    • En "Entradas del Blog" pulsar "Editar"
    • Marcar "Habilitar botones de compartir"
    • Guarda la plantilla y visualiza el blog
    • Debes ver bajo cada entrada la siguiente barra de botones: 


Nuevo botón +1 en los botones de compartir

Método 2. Utilizando un código Javascript y personalizando la plantilla
Este es el método que he usando en iniciaBlog ya que desde que incorpore el botón de "Twittear", ya no muestro los botones de compartir de la plantilla (siempre me parecieron poco visuales).

  1. Código para la sección "Head" del blog
    • Abre la pestaña "Diseño" y luego "Edición de HTML"
    • Pulsa "Descargar plantilla completa" para hacer una copia de seguridad
    • Presiona "Expandir plantillas artilugios"
    • Busca con ayuda del navegador (Ctrl F o Ctrl B) esta cadena </head>
    • Pega justo antes de la linea anterior el siguiente código:
    <!-- boton+1 de blogger -->
      <script lang='ss' src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
  2. Código del botón para situarlo debajo de cada entrada
    • Ahora buscamos esta cadena: 
<b:include data="post" name="shareButtons"> o bien esta otra <data:post.body/> 
    • Justo debajo pega este código:
<g:plusone expr:href='data:post.url' size='medium'/>
    • Guarda la plantilla y visualiza el blog. 
Mi tamaño de botón es el denominado "medium" pero dispones de otros tamaños.
Visita la página oficial del botón +1 de Google para que veas los disponibles. Una vez elegido, cambia solo el parámetro resaltado en rojo
.




Fuente: IniciaBlog

Comentarios

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight