Boton Me Gusta del Facebook en Blogger

Deja tu comentario
Lo vi en algunos blogs y me gustó...
Es la opcion para decir que un post te ha gustado, asi como pones en Facebook que te gustan las cosas que suben tus amigos...

Todavia no termino de depurarlo, pero está muy bueno... y queda bastante lindo no?
Les cuento como lograrlo?


Es muy fácil:
  1. Nos logueamos en blogger.com, vamos a Layout --> Edit Html y despues "Expand Widget templates" para que veamos el codigo completo de nuestro blog.
  2. Despues buscamos:
    <data:post.body/>
    E inmediatamente debajo de éste pegamos:

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

  3. Por ultimo guardamos los cambios...

Y eso es todo... con este codigo lograrán tener el "Me gusta" del facebook en cada post.

Algunos puntos a tener en cuenta:
  • Pueden cambiar action=like por action=recommend y van a ver que el boton pasa a ser "Recomendar" (pruebenlo!)
  • Pueden cambiar colorscheme=light por dark o evil
  • Pueden cambiar la letra cambiando font=arial por:
    1. font=lucida+grande
    2. font=segoe+ui
    3. font=tahoma
    4. font=trebuchet+ms
    5. font=verdana

Y nada mas gente...
Ésto ha sido todo por ahora...

Recomiendo leer este enlace:
http://developers.facebook.com/docs/reference/plugins/like

He visto como se hace todo ésto aqui.

Saludos.

0 comments:

Publicar un comentario

Nota importante: aquellos comentarios que tengan spam (o contenido ofensivo) serán ELIMINADOS; no editados... sino que directamente se los elimina.