Cómo agregar los botones de compartir de Twitter, Facebook, Linkedin, WhatsApp, Pinterest, Google + y Tuenti en Blogger

Aunque no suelo escribir entradas centradas en tutoriales, me he animado a escribir ésta ya que tiene un componente importante de redes sociales y sobre todo la dificultad que he encontrado para localizar este material en la red (por no decir que no encontré nada), que creo puede ayudar a muchos usuarios de la plataforma Blogger.

En esta entrada explicaré como incluir en Blogger los nuevos botones de compartir de las principales redes sociales: Twitter, Facebook, Linkedin, Whatsapp, Pinterest, Google + y Tuenti. El resultado es el que veis más abajo y se puede conseguir con un simple Copy+Paste. Con esta pequeña acción conseguiremos darle una mayor difusión a los contenidos de nuestro blog.

Para comenzar vamos a la pestaña "Plantilla > Edición de HTML" y marcamos la opción "Expandir la plantilla de artilugios".



A continuación debemos seleccionar el lugar en el que queremos ubicar los botones, en mi caso están justo antes de la etiqueta:

<data:post.body/>

Por último pegamos el código de la red social que queramos incluir y guardamos. Previamente tendremos que haber subido a Blogger las imágenes de los botones de las diferentes redes sociales, para ello te recomiendo buscar en iconfinder.com, donde encontrarás un amplio catálogo de iconos de todo tipo. Recuerda sustituir el texto URL IMAGEN de los códigos para la URL verdadera de la imagen que vayas a utilizar.

TWITTER

<a expr:href='&quot;http://twitter.com/home/?status=&quot; + data:post.title + &quot; &quot; + data:post.url + &quot; vía @USUARIODETWITTER&quot;' expr:title='&quot;Compartir en Twitter - &quot; + data:post.title' target='_blank'><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

FACEBOOK

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url' expr:title='&quot;Compartir en Facebook - &quot; + data:post.title' target='_blank'><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

LINKEDIN

<a expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;mini=true&quot;' expr:title='&quot;Compartir en Linkedin - &quot; + data:post.title' target='_blank'><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

WHATSAPP

<a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; - &quot; + data:post.url' expr:title='&quot;Compartir en Whatsapp - &quot; + data:post.title'><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

PINTEREST

<a expr:href='&quot;http://pinterest.com/pin/find/?url=&quot; + data:post.url' expr:title='&quot;Compartir en Pinterest - &quot; + data:post.title' target='_blank' ><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

GOOGLE +

<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' expr:title='&quot;Compartir en Google + - &quot; + data:post.title' target='_blank' ><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

TUENTI

<a expr:href='&quot;http://www.tuenti.com/share?url=&quot; + data:post.url' expr:title='&quot;Compartir en Tuenti - &quot; + data:post.title' target='_blank' ><img alt='Compartir' src='URL IMAGEN' style='border:0; padding:0'/></a>

Has leído la entrada Cómo agregar los botones de compartir de Tuenti, Linkedin, Twitter, Facebook, Pinterest y Google + en blogger escrita por Javier Cerezo con una valoración de 5 estrellas. Agradezco tus comentarios.