dimarts, 21 de desembre del 2010

Insertar botones de tweetmene y facebook share en blogger

 

Una forma sencilla de de agregar los botones de de las redes sociales facebook y twitter es agregar el siguiente código a nuestra plantilla de blogger.

Diseño -> Edición de HTML -> Clic en Expandir plantillas de artilugios

Buscamos el siguiente código:
<data:post.body/>
(tecleamos Ctrl + F para buscar más rápido). Si en tu blog no aparece ese código busca este:
<div class='post-header-line-1'/>

Antes
de: <data:post.body/> pegamos el siguiente código:

<!-- Para facebook Share http://toolswww.blogspot.com/ -->
<script>var fbShare = {
url: '<data:post.url/>',
size: 'compact'
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
<!-- end share facebook -->

<!-- Para tweetmeme http://toolswww.blogspot.com/ -->
<script type='text/javascript'>
tweetmeme_style = 'small#39;;
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
<!-- end tweetmeme -->

Los códigos son estos para los botones compactos que he puesto en el blog. Para ponerlos en grande, en vez del modelo compacto que yo he puesto, solo hay que eliminar las líneas:

  • tweetmeme_style = 'compact'; en el de twitter.
  • Y la de size: 'small' en la de fbshare.