Creando el widget

Para crear el widget primero accedemos a Twitter, luego en la parte inferior seguimos el link Goodies luego la opción Widgets. Luego Seleccionamos la opción Widgets for My Website, finalmente seleccionamos la opción Profile Widget.

Ahora tendremos una pantalla donde podremos configurar las características del widget que deseamos:

• Settings: permite indicar el nombre de usuario de twitter para mostrar los tweets.
• Preferences: para seleccionar la cantidad de tweets a mostrar y si vamos a a mostrar la fecha y los hashtags.
• Appearance: En este tab se seleccionan los colores de los textos y fondos del widget.
• Dimensions: podemos definir las dimensiones del widget o podemos dejar que se asigne automaticamente.

Configuramos el widget según nuestras necesidades dando la apariencia de nuestro web o blog para que se integre correctamente. Una vez generado el widget hacemos click en el botón Finish & Grab Code con lo cual obtendrás un código javascript que podrás incluir en tu web:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#89897c',
      color: '#ffffff'
    },
    tweets: {
      background: '#d8d8c7',
      color: '#55554e',
      links: '#899800'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('2webfacil').start();
</script>

En nuestro hemos seleccionado los colores que tenemos el el blog, hemos seleccionado 5 tweets a mostrar, con lo cual obtenemos el siguiente resultado.

 
 
Hemos obtenido un widget muy vistoso para nuestro web, con esto mostraremos a nuestros visitantes los ultimos tweets de nuestra cuenta y todo ello sin necesidad de tener conocimientos de programación.

Tweet