viernes, 24 de septiembre de 2010

Poner Botón de compartir Facebook





Para colocarlo en el blog sólo entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta etiqueta:

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

Justo debajo de ella agrega lo siguiente:

<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

El resultado será este:




facebook widget


Si quisieras el botón con el número a su derecha entonces usa este código:

<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

El resultado será este:




facebook widget


Si quisieras poner sólo el botón, si el número de veces que se ha compartido entonces usa este código:

<div style='float:right; padding:5px;'>
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

El resultado será este:




facebook widget


Pero si tampoco quisieras un botón y sólo deseas un enlace entonces usa este código:

<div style='float:right; padding:5px;'>
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

El resultado será este:




facebook widget



En el caso de los primeros dos botones es posible que cuando lo pongas no veas el número ya sea arriba o a la derecha, pero aparecerá en cuanto le des click para compartir y después de eso siempre se mostrará.

Si quisieras el botón al lado del título de la entrada entonces pega el código debajo de esta línea:

<b:if cond='data:post.title'>


Si ya usas el botón anterior de Fbshare y quieres cambiarlo por este, sólo busca en tu plantilla este código:

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
O este otro:

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
size: &#39;small&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

Y cámbialo por el nuevo código de Facebook que hayas elegido.


Si bien se supone que este botón es más eficiente que el de Fbshare hay que recordar que es normal que algunas veces pueda tardar un poco en cargar el gadget pues muchas veces el servidor se satura y se alenta, tal como sucede co cualquier otro gadget que usemos.


Si después de todo el botón no funciona , buscar esta linea y pegar el código justo después


<div class='post-header-line-1'/>


** Nuestro amigo Dandres nos pregunto si se podía poner estático este botón y si Se puede hacer pero es posible que no aparezca la descripción de la entrada.
Para ponerlo estático pega antes de </body> el código del botón de Facebook, sólo cambia la primera línea por esta otra:

<div style='position:fixed; right:0; top:150px;'>

17 comentarios:

lupe dijo...

SI QUISIERA COLOCAR EL ICONO AL FINAL DE LA ENTRADA?, Y DE OTRO COLOR?, SE PODRIAN CAMBIAR PARA ADAPTAR AL DISEÑO DE MI BLOG

ESPERO PUEDAS AYUDARME
GRACIAS!

De todo para los blogger dijo...

Cual es tu blog?

lupe dijo...

http://mixtapemixtapemixtape.blogspot.com/

De todo para los blogger dijo...

De otro color no, pero al final de la entrada si.
Expandir plantillas de artilugios , marcalo y
Busca este código o algo así:

div class='post-body entry-content'
data:post.body



y pega justo debajo el código de compartir

Suerte

lupe dijo...

funciono.
muchas gracias!

Lorena dijo...

si os gusta la disney channel , los jonas , hanna montanna etc...
os recomiendo mi blogs en el que me gustaría que me dejeis vuestras opiniones sobre mis entradas de blogs en comentarios.
si os interesa es:
lorena-misopiniones.blogspot.com

( <---MikeSoft---> ) dijo...

AHHH TENGO UN PROBLEMA CUNADO LE DOY COMPARTIR COMPARTE LA PRINCIPAL PEOR NO EL POST COMO TAL T_T.
por favor que alguien me ayude:
http://mikewarez.blogspot.com/
mikesoft94@hotmail.com

De todo para los blogger dijo...

ok Mike, creo que tienes un problema con los metas, revisa todos

Dandres dijo...

hola,
como hago para dejar estatico los compartir... asi como este ejemplo
http://blog.fromdoppler.com/social-email-marketing

agradezco porfa me expliquen.

mil gracias

De todo para los blogger dijo...

Hola Dendres, entra otra vez en el post y mira al final, espero que te funcione
Gracias a ti.
Saludos

http://www.trucosblogs.com/2010/09/poner-boton-de-compartir-facebook.html

Admin dijo...

yo tengo una pregunta cuando pones el link de un post en facebook o en la pagina de fan como hacemos para que salga un fragmento en el cuadro de el enlace

agu dijo...

Cuando buesco el el código no se me aparece ¿que puedo hacer?

ayory dijo...

tengo un problema .... puse el codigo para ponerlo bajo el titulo, carga bien en el lugar pero me aparece en todos los post como q si entodos lo ubisen recomendado 11 veces ... en todos los post.
a q se pueda deber
gracias

De todo para los blogger dijo...

Es problema de tu plantilla

ayory dijo...

y q debo hacer o debo modificar alguna parte o limpiar algun contador .. ayuda porfavor

Anónimo dijo...

hola porque hay veces me trae en el detalle el codigo de maguina

Samleiyu dijo...

Hola yo tambien tengo un problema al postear mi blog no aparece el titulo de la entrada sino el titulo del blog ayuda porfa . . . si el problema es de la plantilla te puedo mandar un copia para que me digas el error porfa . . .

Publicar un comentario en la entrada

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones