Magazine

Cómo agregar los botones de compartir de Tuenti, Twitter y Facebook en blogger

Publicado el 12 septiembre 2010 por Javiercerezo @javiercerezo
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 en España: Tuenti, Twitter y Facebook. El resultado es el que veis más arriba 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 "Diseño > Edición de HTML" y marcamos la opción "Expandir la plantilla de artilugios".
Cómo agregar los botones de compartir de Tuenti, Twitter y Facebook en bloggerA 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.
ACTUALIZACIÓN 7:45 - 02/09/2010
Por problemas en la codificación los botones no funcionaban correctamente pero ya ha sido solucionado, disculpad las molestias.
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>
Si quieres personalizar el enlace con una imagen puedes obtenerla en la página de desarrolladores de Tuenti http://www.tuenti.com/developers
TWITTER
<a class='twitter-share-button' data-count='horizontal' data-lang='es' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
Si quieres personalizar la visualización del botón puedes consultar la página oficial de Twitter http://twitter.com/goodies/tweetbutton
FACEBOOK
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=28&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:150px; height:28px'/>
Al igual que Twitter, si quieres personalizar la visualización del botón puedes consultar la página de desarrolladores de Facebook http://developers.facebook.com/docs/reference/plugins/like

Volver a la Portada de Logo Paperblog

Dossiers Paperblog