Menu Despeagable

Ayuda Para Tu Web

DanGrecks ~ ˇAyuda WebMaster!

Gadget para mostrar tweets

Gadget Últimos Tweets

Adicionalmente este recurso se a combinado con un Slider jQuery y entre una cosa y otra obtenemos un rotador de tweets que podemos personalizar tanto en contenido como en aspecto.

Y aqui tenemos nuestro primer estilo de Tweets:
 

El codigo hay que incluirlo dentro de un gadget tipo HTML/JavaScript y es el siguiente. Si ya tiene jQuery en nuestra plantilla la primera línea la tiene que suprimir, este codigo se pondra en la página donde quiera que apareza el Gadget:



¿Y qué tenemos que cambiar de ahí? Pues casi nada. Sólo la ID correspondiente a vuestro propio gadget de Twitter porque el que veis es el mío. Ahora si no se genera desde la página oficial, pues no funcionará nada. Es el número 386257031599910912 que veis en el código.

*Para obtener tu ID, solo tienes que iniciar sesión en twitter y dirigirte al siguiente link: 
https://twitter.com/settings/widgets, ya estando hay le das en Crear Nuevo, y rellenas todos los datos que se te pide, ya rellenado los datos, le das a Crear Widget y se te dara un codigo y en ese codigo buscamos: data-widget-id="386257031599910912" y el número que se te da ese es tu ID, en mi caso es: "386257031599910912"

Otra cosa que se puede cambiar es el número de tweets a mostrar. Es ese tercer parámetro de la función twitterFetcher.fecth, o lo que es lo mismo, ese número 5.

Por último, el intervalo de tiempo entre tweets es en el ejemplo el parámetro 4000 e indica la demora en milisegundos.

*Para conseguir otro estilo distinto, pues sólo se trata de ajustar la parte CSS, ya tienes el modelo, es hora de ponerle creatividad a tu diseño .



Copyright © 2009-2013| DanGrecks | by AnGrecK

En DanGrecks nos encargamos de que todos los usuarios puedan encontrar lo que están buscando fácilmente.





DanGrecks esta Hostiado en Paginawebgratis.es. Lo Recomendamos para registrar su sitio web Totalmente Grátis.





Todos los Derechos reservados a sus respectivos Dueños. Página creada y editada por AnGrecK.





Volver Arriba ↑

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=