Integra Twitter con tu Blog. Selección de componentes oficiales para aprovechar la red social con Blogger. – Accident – World

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ónTwitterse 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é siempreprimero el"Widget" de demostración yjusto bajo él podrásdesplegar el texto explicativo para poderlointegrar 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 paso6)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

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)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".

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".

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 paso6)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

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 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

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). El "Widget" para "Hashtag" es el de la pestaña llamada "lista". 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".

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 paso6)dentro del Gadget HTML/Javascript y pulsa "Guardar". Después "Guardar disposición" para dejar el Widget asentado en tu plantilla.

4) El clásico: añade cualquier botón de Twitter. Seguir, Compartir enlace, Etiquetar y mencionar.

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 (▼▲).

TwittearSeguir a @DiariosdelanubeTweet #Historias%20de%20TwitterTweet to @Diariosdelanube

Mostrar / Ocultar cómo se hace▼▲

1)Nos conectamos ahttps://twitter.com/about/resources/buttonspara extraer el código fuente de los botones para esta red social que vamos a introducir en nuestro Blog.

En la página de selección de botones de Twitter elegimos los que nos interesen.

2)Selecciona el botón que desees introducir en tu Blog o página web. Por ejemplo "Compartir Enlace", observa que nos proporcionará el código fuente de Twitter para introducir el botón "Twitear" en nuestro Blog:

Seleccionamos el botón que deseemos añadir a nuestro Blog. Observar el recuadro azul donde se encuentra el código que debemos llevarnos a nuestro Blog.

3)Copiamos el código que se encuentra bajo la sección derecha "Previsualización y código":

Procura ir pegando el texto en un editor a parte para luego recuperar todos los botones con los que vamos a trabajar.

4)Realiza los mismos pasos con cualquiera de los botones que prefieras añadir a tu sitio web o Blog.

5)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.

6)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

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

8)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.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Motor Replacements Online Stock Trading best structured settlement companies Online casino mesothelioma lawyer chicago structured settlements annuities DONATE OLD CARS TO CHARITY Social media management Home Phone Internet Bundle New social media platforms Psychic for free holland michigan college CAR INSURANCE QUOTES MN email bulk service Asbestos Lawyers WEBEX COSTS fast cash for house WordPress hosting LIFE INSURANCE CO LINCOLN Bankruptcy lawyer Online Christmas cards Donate Car to Charity California diagnosed with mesothelioma Mobile casino Php programmers for hire personal injury attorney springfield mo Low credit line credit cards anti spam exchange server Casino google affiliate Online Colleges Donate Cars Illinois Make money online Australia Live casino personal injury lawyer sarasota fl anti spam appliance personal injury accident lawyer PhD in counseling education Donate your car for kids illinois mesothelioma lawyer FUTURISTIC ARCHITECTURE Forensics Online Course Personal Injury Lawyers Hire php developer Casino reviews DAYTON FREIGHT LINES Christmas cards Service business software DUI lawyer Custom Christmas cards Learning adobe illustrator Computer science classes online BEST CRIMINAL LAWYER IN ARIZONA Email Bulk Service Custom WordPress theme designer MESOTHELIOMA LAW FIRM accident attorneys orange county Best Criminal Lawyers in Arizona webex costs structured settlement blog peritoneal mesothelioma Social media examiner HARDDRIVE DATA RECOVERY SERVICES Dayton Freight Lines canada personals yahoo Photo Christmas cards Hire php developers Hire php programmers Dwi lawyer MASSAGE SCHOOL DALLAS TEXAS WORLD TRADE CENTER FOOTAGE Criminal lawyer Criminal defense lawyer Gas/Electricity Car Insurance in South Dakota Seo companies georgia truck accident lawyer Business finance group firm law mesothelioma Donate Your Car Sacramento Hard drive Data Recovery Services Royalty free images stock MORTGAGE ADVISER mesothelioma charities accident attorney san bernardino cheap auto insurance in va accident attorney orange county motor replacements Best criminal lawyer in Arizona CHEAP AUTO INSURANCE IN VA Php programmers Seo company Social media platforms injury lawyers west palm beach Donate Car To Charity CALIFORNIA Best social media platforms for business DONATING USED CARS TO CHARITY Life Insurance Co Lincoln Cheap Auto Insurance in VA Sell Annuity Payment Automobile Accident Attorney futuristic architecture DONATING A CAR IN MARYLAND saskatchewan auto insurance Social media platforms for business car insurance quotes mn Html email See more at http//wwwginfostopnet/ Neuson Annuity Settlements Seo services Psychic for Free donate car for tax credit Social media strategies illinois law lemon Best Seo company Business management software Donate Cars in MA Best social media platforms WordPress theme designers sell annuity payment mesothelioma care Car Donate DONATE A CAR IN MARYLAND motorcycle lawyer los angeles mesothelioma lawyer houston ASBESTOS LAWYERS Personal Injury Law Firm CAR INSURANCE QUOTES PA World Trade Center Footage Psd to WordPress WordPress themes for designers offshore accident lawyer Donate a car in Maryland Online Classes Cheap domain registration hosting structured settlement annuity companies ONLINE MOTOR INSURANCE QUOTES personal injury attorney ocala fl Auto Accident Attorney Car Insurance Quotes PA Cheap car insurance for ladies Tech school Auto Mobile Shipping Quote car donate FORENSICS ONLINE COURSE hair removal washington dc Register Free Domains Proud Italian cook Car Insurance Companies Online colledges Psd to html Italian cooking school personal injury law firm mesothelioma claim Adobe illustrator classes mesothelioma cases ANNUITY SETTLEMENT Social media tools buyer of structured settlement annuity Social media campaigns Mesothelioma Law Firm buy structured settlements what is structured settlement Insurance Companies meso lawyer Donate Car for Tax Credit Dallas Mesothelioma Attorneys domains yahoo Car Insurance Quotes Utah donate your car for kids criminal defense attorneys florida How to Donate A Car in California Donate Your Car for Kids Structures Annuity Settlement Online Motor Insurance Quotes Car Insurance Quotes Colorado semi truck accident lawyers personal injury solicitor Hard drive data recovery services injury lawyers Motor Insurance Quotes city college in miami Nunavut Culture massage school dallas texas best criminal lawyer in arizona VIRTUAL DATA ROOMS Donate a Car in Maryland Cheap Domain Registration Hosting Cheap Car Insurance for Ladies Donating a Car in Maryland Criminal Defense Attorneys Florida Donate cars Illinois lease management software Holland Michigan College accident lawyers in los angeles Low Credit Line Credit Cards Paperport Promotional Code Auto Mobile Insurance Quote federal criminal defense attorney Massage School Dallas Texas Donate Old Cars to Charity sell your structured settlement payments Home phone internet bundle Car Insurance Quotes MN Donate your Car for Money structured settlement buyer mesothelioma attorneys pharmacist jobs in chicago Met Auto