Agregar boton de facebook y twitter


Existen bastantes plugins que nos permiten dar a nuestros blogs interacción con las redes sociales (facebook, twitter, linkedin, youtube, etc) sin embargo hay veces en las que estamos desarrollando un proyecto propio y no queremos agregar código innecesario (solo queremos un botón y ya).

Es muy sencillo, facebook nos permite colocar un botón de like en nuestro desarrollo por medio de un iframe de la siguiente manera

Yo he puesto algunos datos de ejemplo en cada atributo, por ejemplo zonau.com.mx en href

<iframe src="http://www.facebook.com/plugins/like.php?href=http://zonau.com.mx/inmueble/{{publicacion.property.id_property}}&amp;layout=standart&amp;show_faces=false&amp;width=20&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:80px; height:25px"></iframe>

Descripción de cada atributo:

  • href – Direccion URL a compartir.
  • layout – Estilo del botón. Valores: standard o button_count
  • show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.
  • width – Ancho del iframe.
  • height – Alto del iframe.
  • action – Texto del botón. Valores like o recommend.
  • font – Fuente a utilizar.
  • colorscheme – Esquema de colores. Valores: light, dark o evil.

Para agregar el botón de twitter es mucho mas sencillo (como si el de facebook fuera muy complicado jaja), tan solo agregar la siguiente línea.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

salu2

Si te gusto comparte ...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *