Incrustar twitter en tu blog

14
Incrustar Twitter en tu Blog Taller sobre el uso básico de twitter Raymond Marquina @raymarq

description

procedimiento para insertar un widget de twitter en una barra lateral de un blog en el servicio Blogger de Google

Transcript of Incrustar twitter en tu blog

Page 1: Incrustar twitter en tu blog

Incrustar Twitter en tu Blog

Taller sobre el uso básico de twitter

Raymond Marquina

@raymarq

Page 2: Incrustar twitter en tu blog

Debes poseer un blog para insertar el código generado por el servicio. En casode que aun no poseas ninguno, se te recomienda usar blogger(www.blogger.com) debido a su facilidad de uso.

Page 3: Incrustar twitter en tu blog

Ingresa a la URL: http://twitter.com/goodies/widgets en donde encontraras un asistente en línea que te ayudara a configurar tu widget para generar el código respectivo.

El primer paso es seleccionar si tu widget será insertado en facebook o en un sitio web.

Page 4: Incrustar twitter en tu blog

Si seleccionas Facebook: twitter se configura como una aplicación de Facebookmediante un sencillo procedimiento que nos permitirá publicar nuestros tweetsen el muro de esta popular red social.

Page 5: Incrustar twitter en tu blog

Si seleccionas Sitio Web: debemos seleccionar entre:• Widget de Perfil: Muestra tus tweets más recientes en cualquier página.• Widget de Búsqueda: Despliega resultados de búsqueda en tiempo real. Ideal para eventos en vivo, transmisiones, conferencias o cualquier actividad que deseemos en tiempo real.• Faves Widget: Revela tus tweets favoritos. También en tiempo real, este widgetarrastrará los tweets que has marcado como favoritos. • Widget para listas: Permite colocar en una lista a tus twitteros favoritos.

Page 6: Incrustar twitter en tu blog

Widget de perfil: muestra tus últimos tweets publicados en una cartelera quepuedes insertar en tu blog, generalmente en alguna barra lateral.

Page 7: Incrustar twitter en tu blog

Widget de busqueda: muestra todos los tweets en donde se haya usado unahashtag previamente definida. Este widget es muy útil para generar discusionesen línea e intercambio de recursos.

Page 8: Incrustar twitter en tu blog

Widget de listas: muestra todos los tweets asociados a la lista creada por unusuario. Es útil cuando queremos, por ejemplo, crear una lista de nuestrosestudiantes twitteros y compartir sus tweets en un solo espacio.

Page 9: Incrustar twitter en tu blog

Pasos a seguir para configurar el widget

1. En Configuración define los parámetros que se solicitan para que el widget funcione adecuadamente (esto varia según el widgetescogido)

2. En Preferencias selecciona las características que definirán la forma en que funcionara tu widget, lee bien las opciones, y prueba como va quedando usando el botón: Probar configuración.

3. Apariencia: nos da la posibilidad de cambiar todos los colores de los elementos que conforman el widget (fondo, texto, enlaces)

4. En Dimensiones, puedes configurar el ancho y alto del widget, que debería estar acorde a las dimensiones de la barra donde será insertado.

Page 10: Incrustar twitter en tu blog

Al completar los pasos anteriores, solo nos resta terminar el proceso y generarel respectivo código.. Para ello simplemente oprime el botón “Terminar &Guardar código”, ubicado en la zona inferior de la pagina

Si ya cuentas con tu blog en blogger usa este botón

Page 11: Incrustar twitter en tu blog

Si oprimes el botón de Agregar a Blogger esto te llevara a la paginade inicio del servicio Blogger. Allí debes colocar los datos de tus credencialesdigitales de gmail.

Page 12: Incrustar twitter en tu blog

Selecciona el blog en donde deseas insertar el widget como elemento de lapágina. Esta pantalla se muestra si posees mas de un blog en este servicio

Luego de que hayas seleccionado las opciones que te interesan en estapantalla, oprime el botón “AÑADIR ARTILUGIO”

Page 13: Incrustar twitter en tu blog

Al completar el paso anterior, se mostrara un diseño por bloques de tu blog,donde podrás apreciar el elemento que recién has añadido: Twitter. Puedes verel blog y observar como quedo el widget recién añadido.

Page 14: Incrustar twitter en tu blog

Ya finalizada la inserción del widget en el blog, puedes editar el código si esnecesario y mejorar aspectos como el ancho.