Botones para compartir tus post en Twitter y Facebook

Para todos los es muy importante compartir sus entradas en las redes sociales y en algún momento he mencionado como lo pueden hacer en mediante Networkedblogs en el caso de Facebook. Pero también tenemos que tener en cuenta que nuestras visitas pudieran querer compartir algún artículo que hemos hecho en las redes sociales y eso es algo que nos va a ayudar mucho con las visitas, apoyarnos también en la ayuda de los demás.

Para ello vamos a agregar los botones que como podrán ver estoy utilizando en cada uno de mis posteos. Es muy fácil y una vez añadidos se pondrán automáticamente en cada uno de sus post.

Lo que debemos hacer es ingresar en Diseño/Edición de HTML y expandimos los artilugios.

Buscamos el código (utilizando las teclas Ctrl + F) <b:if cond='data:post.title'> y debajo de él pegamos lo siguiente:


<!-- boton tweetmeme -->
<div style='float: right;'>
<ul style='list-style:none;'><li>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></li>
<br/>
<!-- boton facebook -->
<li><script>var fbShare = {
url: '<data:post.url/>',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/></li></ul>
</div>



El resultado será este (aparecerá en la esquina superior derecha de c/post):










Si les resulta más cómodo botones pequeños pueden entonces pegar este código:

<!-- boton facebook -->
<div style='float: right;'>
<script>var fbShare = {
url: '<data:post.url/>',
size: 'small',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
<!-- boton tweetmeme -->
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>



Los botones se verían así:

Share on Google Plus

About Unknown

    Blogger Comment
    Facebook Comment

8 comentarios:

  1. Buenisimo!!

    Sabes como me quemé la cabeza el otro día para vr como funcionaba esta porqueria y no a entendi, soy muy ñoqui!

    Que bueno que existe logia tecno heee!!

    Saludos!

    ResponderEliminar
  2. Hey en mi blog de BLOGIA no encuentro el código . Conseguí poner el botón, pero como miniatura sólo me publica el post más antiguo y 5 de las 10 fotos que hay.... AHHHHHHH!

    ResponderEliminar
  3. Hola! sucede en ciertos templates que no aceptan algunos artilugios. Por otro lado me hubiera gustado que me especifique cual es tu blog para poder ayudarte más.
    Saludos!!!

    ResponderEliminar
  4. Yo los puse en mi blog, los puse en miniatura pero ninguno de los dos sirve.... Acabe de cambiar la plantilla con la nueva herramienta de diseñador de plantillas de blogger, sera por eso?... no sabes alguna otra opcion para poner botoneS?

    ResponderEliminar
  5. Por ahora solo tengo conocimiento de estos botones. Seguí visitando el blog porque estoy por poner una herramienta parecida pero más completa.

    ResponderEliminar
  6. Ahí lo cambié yo también en Periodismoyotrasyerbas. Jeje.
    Tenía el de addtoany abajo pero éste me parece más simple y efectivo.
    Es importante marcar "expandir los artilugios" para encontrar el código.
    Sds Fomoriano!

    ResponderEliminar
  7. Ah, también le agregué el botón para votar la entrada en bitácoras.com
    Acá dice cómo:
    http://bitacoras.com/widgets/agregador

    ResponderEliminar
  8. http://www.cinemahd.org/ PARA VER PELICULAS ONLINE HD

    ResponderEliminar