Coloca un botón compartir de Facebook en tus entradas de Blogger

Herramientas, Redes y marcadores sociales Publicado por Enrique en enero 2, 2012

Seguro que has visto en algunas entradas de blogs de noticias u otros tipos, que en la esquina del blog está el botón de Facebook que dice “Compartir“. ¿Lo quieres poner en tu blog? Pues este es el lugar correcto para aprender. Veamos este blog de prueba. ¿Puedes ver el enlace compartir? Veamos como se hace.

Hay 3 estilos para este botón.

Primer estilo

El primero es “button”, este botón sólo presenta la imagen compartir sin contar cuantas veces se ha compartido la entrada. Para colocarlo vamos al editor HTML de blogger a expandir artilugios y buscamos:

[Podemos buscar mas fácil poniendo presionando Ctrl + F]

<div class='post-body entry-content'>

Y Justo debajo de eso ponemos:

<b>
<div style='float:right;padding:5px'>
<a name="fb_share" href="http://www.facebook.com/sharer.php">Compartir</a>
</div>
</b>

Y Guardamos.

Segundo estilo

Ahora para poner el estilo numero 2 este es el mismo botón compartir pero presenta cuántas veces ha sido compartido. Buscamos:

<div class=’post-body entry-content’>

Y Justo debajo ponemos:

<b>
<div style='float:right;padding:5px'>
<a href='http://www.facebook.com/sharer.php' name='fb_share'>Compartir</a>
</div>
</b>

Tercer estilo

O, para el tercer estilo en vez de poner el código de arriba ponemos éste:

<b>
<div style='float:right;padding:5px'>
<a href='http://www.facebook.com/sharer.php' name='fb_share'>Compartir</a>
</div>
</b>

Este presentará la caja de las veces que se ha compartido más grande.

 

Espero que esto les haya servido, deje un comentario para saber como le ha ido.

Tags:
Compártelo!
9 Comentarios en Coloca un botón compartir de Facebook en tus entradas de Blogger
  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Seguro que has visto en algunas entradas de blogs de noticias u otros tipos, que en la esquita del blogger está el boton de facebook que dice “Compartir”. ¿Lo quieres poner en tu blog? Pus este es el lugar correcto para……

  2. Información Bitacoras.com…

    Valora en Bitacoras.com: Seguro que has visto en algunas entradas de blogs de noticias u otros tipos, que en la esquina del blog está el botón de Facebook que dice “Compartir“. ¿Lo quieres poner en tu blog? Pues este es el lugar correcto para ……

  3. Movado Store dice:

    Ihre Freunde stets Wind, Frost, wirst du in der Ferne zu tragen, wenn ich kann nicht, ich bete sie an meinem K?rper Verwitterung kommen.

  4. Angel dice:

    Wow! Muchisimas gracias! Justo lo que estaba buscando! No sabia como poner el boton de compartir Facebook en español, era tan facil! Por cierto, el codigo para usar este boton en WordPress es este:

    <a name="fb_share" share_url="” type=”button”>Compartir

  5. Bloggera en apuros dice:

    En mi blog si se ve el button de twitter , pero el de facebook no. No entiendo por que, ¿por qué podría ser?

  6. EVa dice:

    Porque no está bien este codigo. A mi solo me sale la palabra compartir pero no deja linkar. Alguien mas que lo haya probado?

  7. artemisa dice:

    me encanta este sitio… gracias por lo de control f, no lo sabia, felicidades!

  8. mario dice:

    Miren, ya pude descubrir quienes visitan mi biografía!! :3 Si quieres descubrirlo tu también, Entra aquí : http://appfbw.blogspot.com/

  9. Jhonny dice:

    Hola, ya hice todo, pero los codigos son los mismos y solo me aparece el link sin la imagen puedes actualizar por favor.

Deja tu comentario
Tu Comentario