Discusiones de Sistemas Olympia

Espacio para publicar discusiones y tips relacionados con el Diseño Web.
  1. Uriel Hurtado Arias
  2. Extensiones
  3. Viernes, 10 Julio 2015
  4.  Subscribirse por Email

Algo esencial hoy en día para promocionar cualquier web es estar presente en Twitter, y en muchas ocasiones para hacer saber a nuestros visitantes que disponemos de Twitter debemos de añadir un widget con nuestros últimos tweets. Hace tiempo expliqué como añadir y personalizar el widget de Twitter, pero con el cambio de a la API 2.0 del popular servicio de microblogging también tenemos una forma nueva de insertar los widgets y además podemos personalizarlos de formas muy diversas, como ahora veremos.


Personaliza los widgets de Twitter.


Antes de nada, debemos de tener una cuenta de Twitter, ya que ahora es necesario crear el widget desde una cuenta desde "configuración > widgets > crear nuevo" desde donde podremos crear un widget con los últimos tweets de una persona, sus favoritos, listas propias o búsquedas de cualquier tipo. A partir de este paso ya nos facilitarán un código y podremos personalizarlo.


Insertar el widget


Como ejemplo final podéis ver el widget que se encuentra en la barra lateral de Xitrus, pero tras crearlo veréis una simulación de como se mostrará. El código que proporciona es un pequeño script y un link (una etiqueta ) que podremos personalizar para que cambie de una forma u otra el widget, es decir, en esta etiqueta debemos de cambiar los atributos necesarios para personalizar el widget.





Personalizar el widget


Todas las opciones de personalización tienen que establecerse como atributos dentro del elemento .



Esto es prácticamente todo lo necesario para personalizar un widget de Twitter, que podemos usar a nuestro antojo. Para poner un ejemplo más claro explicaré como mostrar el widget tal y como se muestra en este blog, ya que usa una configuración que a muchas personas le interese usar.





El atributo data-chrome permite que se oculte la cabecera y el pie del widget, además de hacer el fondo transparente, mientras que el atributo "data-tweet-limit" solo permite mostrar los tres últimos tweets.

Comentar
"Todavía no hay comentarios".


"No hay respuestas para esta publicación todavía.
Sin embargo, no se le permite responder a esta publicación."
Logo Olympia

Ed. Campus Reservado Int. 704. Rionegro, Antioquia
Tel: +57 (4) 497 2881 - 314 258 0894