jueves, 22 de julio de 2010

Poner el botón de Me guata del Facebook

Facebook ha creado un nuevo conjunto de plugins Sociales, que permitirá a nuestros lectores el compartir rápidamente nuestros artículos con sus amigos de Facebook. También podemos llegar a saber a cuánta gente le ha gustado una determinada entrada.

Una vez instalado el código se verá algo como esto al pie de cada una de las entradas:
Facebook Like
boton me gusta facebook trucosblogs


[1] En Edición HTML de nuestro panel, marcamos la opción de Expandir las plantillas de artilugios.

[2] Localizamos la etiqueta <data:post.body/> o en su defecto <p><data:post.body/></p> y justo después de esa etiqueta, o justo antes pegamos el código para el botón:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

Si pegamos el código antes de la etiqueta, el botón para Facebook se mostrará justo debajo del título de las entradas; si en cambio lo colocamos después, se mostrará justo al final de las mismas:


poner boton me gusta facebook


Si en lugar del "Me gusta" queremos usar el "Recomendar" cambiamos donde dice "like" (destacado en negrita en el código) por "recommend":
Botón Recomendar Facebook

Para blog con diseño más oscuro, quizá quedase mejor la versión "dark" (oscura) del botón. Para eso cambiamos en el código el "light" (destacado en negrita) por "dark":

Botón Facebook Dark


Tal como está configurado el código, el botón solo será visible en la página de entradas, para mostrarlo también en la principal tendremos que eliminar del código la línea de comienzo: <b:if cond='data:blog.pageType == &quot;item&quot;'> y el cierre de la condicional al final: </b:if>

Si en lugar de mostrar el botón dentro del cuerpo de las entradas, queremos hacerlo al pie de las mismas (post-footer); localizamos esta línea y lo colocamos a continuación:

<div class='post-footer-line post-footer-line-3'/>

Fuente - elescaparatederosa.blogspot.com


Interesantes:
Medir el éxito de un blog - trucos blogs -


¿Con qué frecuencia tengo que actualizar mi blog?


TZI Blogging de la serie: Hacer dinero con tu blog

1 comentarios:

Shuske2 dijo...

Se podrá poner a la derecha en vez de a la izquierda?
Gracias, por el tutorial.

Publicar un comentario

DIRECTORIOS

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