Integra Twitter con tu Blog. Selección de componentes oficiales para aprovechar la red social con Blogger. ~ Diarios de la nube

Muchos usuarios de Blogger utilizan las redes sociales para promocionar su Blog. Hoy día no basta con publicar contenido de calidad, ahora es necesario también saber difundirlo y conectarlo con usuarios de todo el mundo para que tenga un mínimo de repercusión.

Con a penas 140 caracteres por publicación Twitter se ha convertido en un referente de la comunicación de contenidos, una red social donde propagar una información en cuestión de segundos.

Unir el mundo del Blog con el mundo de Twitter puede reportarte muchos beneficios a la hora de transmitir tus entradas y de que nuevos usuarios en el mundo puedan llegar a conocer tus entradas. Veamos con qué medios podemos contar para que nuestro Blog conecte con esta utilizada red social.

UTILIZACIÓN DE ESTA GUÍA

Dentro de los "widgets" de los cuales puedes disponer en Twitter para integrar con tu Blog, voy a realizar una selección de aquellos que más te pueden ayudar a conectar con esta red social. Te mostraré siempre primero el "Widget" de demostración y justo bajo él podrás desplegar el texto explicativo para poderlo integrar en tu Blog o página web.

CATÁLOGO DE WIDGETS OFICIALES DE TWITTER PARA TU BLOG

1) Integra tu perfil de Twitter completamente con tu Blog o sitio web: cronología de Twitter:

A continuación te hago una demostración del "Widget" oficial de Twitter llamado Chronology. Si quieres aprender a integrarlo con tu Blog o página web, despliega la explicación que aparece debajo del Widget (▼▲).

Tweets por @Diariosdelanube

Mostrar / Ocultar cómo se hace▼▲

1) Accede a Twitter con tu usuario y password normalmente. Haz clic en el icono con forma de "rueda dentada" para la configuración de Twitter (aparece marcado en pantalla con reborde azul).

Accede a la configuración de Twitter

2) Al pulsar en el icono indicado en el paso 1 te aparecerá un desplegable donde debes pulsar "Configuración"

Selecciona Configuración

3) En la página de configuración de Twitter, a la izquierda, observa que aparece una opción llamada "Widgets". Puedes verla en la pantalla inferior señalada con reborde azul. Los "Widgets" son a Twitter lo que los "Gadgets" a Blogger: son pequeñas aplicaciones que podrás integrar, en este caso en tu Blog, que te permitirán interactuar a los usuarios con tu perfil de Twitter sin salirse del propio Blog.

Selecciona la opción Widgets

4) Te aparecerá una pantalla con la lista de "Widgets" que tengas creados en Tweeter. Si no tienes ninguno creado, te aparecerá la página tal y como ves en la pantalla inferior.

Al seleccionar la opción para Widgets te saldrá la lista que tengas creada

5) Configura el "Widget" a tu gusto (el tamaño de alto en píxeles según donde decidas colocarlo, el color de fondo si lo vas a poner en un blog claro o en uno con presentación más oscura, los colores de los enlaces...), podrás elegir el tipo de vista que quieres (la de usuario por defecto, la de tus favoritos, con forma de lista o buscando a una persona en concreto). Cuando finalices pulsa el botón "Crear Widget".

Configura el Widget y pulsa "Crear Widget" para luego poder añadirlo a tu Blog.

6) Al crear el Widget te aparecerá en la parte inferior de la pantalla un recuadro del que debes copiar el código para luego pegarlo en un Gadget "HTML/Javascript" de tu Blog como te explicaré en los próximos pasos. Copia el código que aparece en la caja de texto situada en la parte inferior Izquierda tras crear el Widget con el literal "Copia y pega el código en el HTML de tu sitio".

Copiar el código HTML que te proporciona para el Widget

7) Ahora que ya tenemos el Widget debemos integrarlo en nuestro Blog. Para ello entra en Blogger y dirígete a la opción del menú de la izquierda llamada "Diseño".

Selecciona la opción Diseño en Blogger y se te mostrará una pantalla como la que te muestro para poder añadir nuevos Gadget donde prefieras.

8) Selecciona "Añadir Gadget" en la zona donde más o menos deseas colocar el "Widget" de Twiter. Selecciona de la lista de "Gadgets" disponibles el llamado "HTML/Javascript".

Selecciona el Gadget HTML/Javascript

9) Pega el código que Twitter te proporcionó en el paso 6) dentro del Gadget HTML/Javascript y pulsa "Guardar". Después "Guardar disposición" para dejar el Widget asentado en tu plantilla.

10) Si tienes que cambiar el tamaño del Widget, ve siempre a Twitter, a Configuración y en Editar Widget altera el tamaño a lo que precises. Así mismo, prueba diferentes localizaciones dentro de tu Blog hasta que encuentres la que más te gusta.

Integré el Widget de Twitter en el Sidebar de mi Blog. Elegí los tonos oscuros, aunque se puede hacer destacar mucho más con los tonos claros. Esto ya es cuestión de gustos.

¡Y eso es todo!, ya tienes tu "Widget" de Twitter plenamente integrado en tu Blog. Ahora tus usuarios podrán interactuar contigo por medio de esa red social sin tener que salir del Blog.

2) Muestra los Tweets que marques como favoritos en tu Blog o sitio web:

A continuación te hago una demostración del "Widget" oficial de Twitter para mostrar Tweets favoritos. Si quieres aprender a integrarlo con tu Blog o página web, despliega la explicación que aparece debajo del Widget (▼▲).

Tweets Favoritos de @Diariosdelanube

Mostrar / Ocultar cómo se hace▼▲

1) Accede a Twitter con tu usuario y password normalmente. Haz clic en el icono con forma de "rueda dentada" para la configuración de Twitter (aparece marcado en pantalla con reborde azul).

Accede a la configuración de Twitter

2) Al pulsar en el icono indicado en el paso 1 te aparecerá un desplegable donde debes pulsar "Configuración"

Selecciona Configuración

Selecciona la opción Widgets

4) Te aparecerá una pantalla con la lista de "Widgets" que tengas creados en Tweeter. Si no tienes ninguno creado, te aparecerá la página tal y como ves en la pantalla inferior.

Al seleccionar la opción para Widgets te saldrá la lista que tengas creada

5) En las pestañas de Widgets, a la derecha de la pestaña "Cronología de usuario" encontrarás "Favoritos". Haz "clic" en Favoritos y "Configura el "Widget" a tu gusto (el tamaño de alto en píxeles según donde decidas colocarlo, el color de fondo si lo vas a poner en un blog claro o en uno con presentación más oscura, los colores de los enlaces...), podrás elegir el tipo de vista que quieres (la de usuario por defecto, la de tus favoritos, con forma de lista o buscando a una persona en concreto). Cuando finalices pulsa el botón "Crear Widget".

7) Ahora que ya tenemos el Widget debemos integrarlo en nuestro Blog. Para ello entra en Blogger y dirígete a la opción del menú de la izquierda llamada "Diseño".

Selecciona la opción Diseño en Blogger y se te mostrará una pantalla como la que te muestro para poder añadir nuevos Gadget donde prefieras.

8) Selecciona "Añadir Gadget" en la zona donde más o menos deseas colocar el "Widget" de Twiter. Selecciona de la lista de "Gadgets" disponibles el llamado "HTML/Javascript".

Selecciona el Gadget HTML/Javascript

9) Pega el código que Twitter te proporcionó en el paso 6) dentro del Gadget HTML/Javascript y pulsa "Guardar". Después "Guardar disposición" para dejar el Widget asentado en tu plantilla.

3) Lista uno o varios Hashtag de tu interés en Twitter:

A continuación te hago una demostración del "Widget" oficial de Twitter para mostrar Tweets de Hashtags que te interesen. Si quieres aprender a integrarlo con tu Blog o página web, despliega la explicación que aparece debajo del Widget (▼▲).

Tweets sobre "#Blogger"

Mostrar / Ocultar cómo se hace▼▲

1) Accede a Twitter con tu usuario y password normalmente. Haz clic en el icono con forma de "rueda dentada" para la configuración de Twitter (aparece marcado en pantalla con reborde azul).

Accede a la configuración de Twitter

2) Al pulsar en el icono indicado en el paso 1 te aparecerá un desplegable donde debes pulsar "Configuración"

Selecciona Configuración

Selecciona la opción Widgets

4) Te aparecerá una pantalla con la lista de "Widgets" que tengas creados en Twitter. Si no tienes ninguno creado, te aparecerá la página tal y como ves en la pantalla inferior.

Al seleccionar la opción para Widgets te saldrá la lista que tengas creada

Configura el Widget y pulsa "Crear Widget" para luego poder añadirlo a tu Blog.

7) Ahora que ya tenemos el Widget debemos integrarlo en nuestro Blog. Para ello entra en Blogger y dirígete a la opción del menú de la izquierda llamada "Diseño".

Selecciona la opción Diseño en Blogger y se te mostrará una pantalla como la que te muestro para poder añadir nuevos Gadget donde prefieras.

8) Selecciona "Añadir Gadget" en la zona donde más o menos deseas colocar el "Widget" de Twiter. Selecciona de la lista de "Gadgets" disponibles el llamado "HTML/Javascript".

Selecciona el Gadget HTML/Javascript

9) Pega el código que Twitter te proporcionó en el paso 6) dentro del Gadget HTML/Javascript y pulsa "Guardar". Después "Guardar disposición" para dejar el Widget asentado en tu plantilla.