Botón+1

EL botón+1

Uno de los botones sociales que no puede faltar en tu blog es el botón +1 de Google.

Una de las mayores ventajas de este botón es el efecto positivo que tiene para el posicionamiento de tu blog, ya que cada vez que un usuario hace +1 en una entrada, realmente la está recomendando a sus círculos y al mundo, incluido al buscador de Google.

¿Y que es el Botón+1?

El botón +1 tiene una doble función, por un lado permite al usuario compartir las entradas (o tu blog) y por otro se incrementa un contador interno de  "mas unos", lo que aumenta la la popularidad de esa entrada y sirve para compartir el contenido que quieras de tu blog: entradas, páginas, homepage, etc. Lo que compartimos son enlaces web (URLs) que pueden apuntar hacia cualquier contenido. 

Cómo poner el botón +1de Google Plus en todas la entradas

1. Haz una copia de seguridad de tu plantilla
2. Blogger > Plantilla > Crear/Restablecer copia de seguridad
3. Accede al código HTML de la plantilla
   Blogger > Plantilla > Editar HTML
4. Copia este código:

   <div class='g-plusone' data-size='tall' expr:data-href="data:post.url"></div>
   <script type="text/javascript">
     window.___gcfg = {lang: 'es'};
   
     (function() {
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
       po.src = 'https://apis.google.com/js/platform.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
     })();
   </script>

5. Pega el código en la zona donde quieras que aparezca el botón
1. Si quieres colocar el botón al final de las entradas
   Busca todas las apariciones de "post-footer-line post-footer-line-1" (mediante CTRL + F) y copia el código del punto 3 justo debajo de esa línea
2. Si vas a colocar el botón al principio de las entradas
   Busca todas las apariciones de "post-header-line" (CTRL + F) y copia el código del punto 3 justo debajo
6. Guarda la plantilla y visualiza el resultado

Puedes personalizar tu herramienta 

El código anterior muestra el botón +1 con contador superior, puede que ése no sea el aspecto que quieras para tu blog. Google+, al igual que otras redes sociales, ofrecen un conjunto de herramientas o widgets que resultan bastante útiles.

El código anterior muestra el botón +1 con contador superior, puede que ése no sea el aspecto que quieras para tu blog. Google+, al igual que otras redes sociales, ofrecen un conjunto de herramientas o widgets que resultan bastante útiles. ¿Te animas a personalizar el botón?z

1. Accede a la herramienta de personalización del botón +1 de Google+
2. Modifica el botón según el tamaño, contador, ancho, idioma, etc.
3. Copia solo la etiqueta <div class="g-plusone" ...></div> del código que te genera la herramienta
4. Al código anterior le añades el atributo con la url, de esta forma:  <div class="g-plusone" ...  expr:data-href='data:post.url'></div>
5. Sustituye el div del paso 3 del apartado anterior por este otro que acabas de crear
6. Guarda la plantilla y visualiza el resultado. Si no gustase el aspecto puedes volver al punto 1

Lo único que hemos hecho es aprovechar la herramienta que nos ofrece Google para generar visualmente el botón y añadir la macro data:post.url de Blogger, que devuelve la URL de la entrada.