Poner el bot??n de Me guata del Facebook

  • julio 22, 2010

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

No Comments Found

Deja un comentario