Implementar twitter y facebook en tu web

por

Voy a enseñaros como incrustar en vuestras páginas web vuestro twitter o facebook de una manera rápida y sencilla a través de un plugin de Jquery, en el caso de twitter, y un iframe creado a través de su propia página para el caso de facebook.

En el caso de twitter, debemos bajarnos el siguiente recurso que contiene tanto la librería Jquery como los css necesarios para su correcta visualización.

Para poder usarla no tenemos mas que implementar el siguiente código dentro de nuestra página y automáticamente tendremos nuestros tweets de twitter en nuestra web.

<link rel="stylesheet" href=?../jquery.twitter.css" type="text/css" />

<script src="../jquery.twitter.js" type="text/javascript"></script>

<script>

jQuery(document).ready(function() {

jQuery("#twitter").getTwitter({

userName: "CHEKIS",

numTweets: 5,

loaderText: "Loading tweets...",

slideIn: true,

showHeading: true,

headingText: "Latest Tweets",

showProfileLink: true

});

});

</script>

<div id="twitter"> </div>

Donde:

username: es la página de twitter de donde queremos obtener los twits.

numTweets: es en número de tweets que queremos mostrar.

loaderText: es el texto que se muestra mientras se cargan los mensajes.

showHeading: si está a true se muestra la cabecera.

headingText: es el texto que se muestra en la cabecera.

showProfileLink:si está a true saca un link al perfil de twitter.

Este script cargará sobre el bloque con ID=twitter todos los tweets que le hayamos indicado en las propiedades. Tan solo nos faltaría maquetar ese bloque en la posición que más nos convenga.

La fuente original de este recurso es http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter

La implantación de facebook en nuestra web es algo diferente aunque igual de sencilla ya ue basta con incluir un iframe que podemos generar en la siguiente dirección de facebook http://developers.facebook.com/docs/reference/plugins/activity/.

Espero que os haya sido de utilidad

COMENTARIOS

06-09-2011 05:05:16
Muy buen apoyo..gracias!

DEJA TU COMENTARIO