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.
Posts relacionados
Compártelo!
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.
9 Comentarios
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……
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 ……
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.
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
En mi blog si se ve el button de twitter , pero el de facebook no. No entiendo por que, ¿por qué podría ser?
Porque no está bien este codigo. A mi solo me sale la palabra compartir pero no deja linkar. Alguien mas que lo haya probado?
me encanta este sitio… gracias por lo de control f, no lo sabia, felicidades!
Miren, ya pude descubrir quienes visitan mi biografía!! :3 Si quieres descubrirlo tu también, Entra aquí : http://appfbw.blogspot.com/
Hola, ya hice todo, pero los codigos son los mismos y solo me aparece el link sin la imagen puedes actualizar por favor.