Cómo poner el botón Seguir de Twitter en tu Blog – Online – Miami

Si tienes un blog, debes conocerla importancia de tener presencia en la redes sociales. Como bien sabes, Twitter es una de las grandes, es una red social que se distingue de la competencia por su forma de acercar la información a sus suscriptores.

En este artículo veremoscomo añadir el botón de seguir de Twitter. Hay que tener en cuenta que, al igual que la mayoría de redes sociales, Twitter ofrece un conjunto de "gadgets" para que podamos incluirlos en nuestro blog.

El que veremos en esta ocasión es el de seguimiento de nuestra cuenta, el que Twitter denominaFollow Button. Mediante este botón, los usuarios podrán seguirte de forma sencilla desde tu blog.

Paso 1: Creáte una cuenta de Twitter

Si ya tienes abierta una cuenta en Twitter, recuerda que tendrás un nombre de usuario del tipo@usuario, memorízalo y ve al paso 2.

Si no tienes cuenta en Twitter, accede awww.twitter.comy selecciona la opción "Regístrate en Twitter", el proceso de registro es muy intuitivo y en unos minutos tendrás tu nueva cuenta de Twitter creada.

Paso 2: Elige el botón que más te guste

Twitter ofrece la posibilidad de personalizar el botónfollow, mediante parámetrosdataque podemos añadir directamente en el código. Si no quieres complicaciones, elige el más que te guste de los que te muestro a continuación:

Botón seguir de Twitter estándar

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="false" data-lang="es"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Botón seguir de Twitter con contador

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="true" data-lang="es"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Botón seguir de Twitter grande

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Paso 3: Coloca el botón seguir en tu blog

En Blogger, elegimos la opción Diseño y desde aquí elegimos la opción Añadir un gadget, en la sección de la plantilla donde queramos colocarlo
Seleccionamos el gadget "HTML/Javascript"
En contenido copia el código que hayas elegido del "Paso 1" y luego sustituye el nombre de la cuenta de Twitter por la tuya (lo que está en negrita en el código de ejemplo)
Guarda el gadget
Mueve el gadget que acabas de añadir en la posición que desees
Visualiza el blog

Opciones avanzadas

Si has seguido los pasos anteriores, ya tienes el botón seguir de Twitter funcionando, pero... quizás no estés contento con el resultado final, o quieres cambiarle el aspecto, ... si eres de los que les gusta profundizar, sigue leyendo...

Twitter dispone de dos formas de incluir el botón de seguir en las páginas, una es la que expongo aquí (javascript) y otra es en modo iframe. Si tuvieses problemas con el código javascript, que hace uso de HTML5, deberás usar el modo iframe.

Si te fijas en el código a incluir en nuestro blog, lo podemos dividir en 2 pasos, por un lado la etiqueta a y por otro la etiqueta script.

El código de la etiqueta script será siempre el mismo, por tanto si ya hacías uso de algún gadget de Twitter, no te hará falta incluirlo. El código interesante es el de laetiquta a, el cual podemos personalizar mediante parámetrosdatade HTML5, veamos las posibilidades:

Data	Descripción
data-show-count	Muestra el número de seguidores: true/false
data-lang	Codigo de idiomaen el que se localiza, ej: es
data-width	Ancho, ej: 300px
data-align	Alineación: left/right
data-show-screen-name	Indica si se muestra nombre en pantalla: true/false
data-size	Tamaño del botón: medium/large
data-dnt	Sugerencias personalizadas: true/false

Supongamos que queremos un botón grande, en el que se muestre el número de seguidores, que aparezca en español y, además, que se ajuste en un espacio de 500 píxeles, alineándolo a la derecha... quedaría algo así:

a href="https://twitter.com/BloggerAyudaCom" class="twitter-follow-button"
data-show-count="true" data-lang="es" data-width="500px" data-align="right" data-size="large"Seguir a @BloggeraAyudaCom/a

Si quieres personalizar aún más la presentación, podríamos derivar la clase "twitter-follow-buttom", para aplicar los estilos CSS que desees.

Si quieres complementar lo visto aquí, puedes visitar lapágina para desarrolladores de Twitter, donde verás la documentación oficial en inglés.

Pues ha dado mucho que hablar un pequeño botón, en próximos artículos veremoscómo sacar el máximo provecho a nuestro blog con otros gadgets interesantes de Twitter. ¿Tienes el botónfollowen tu blog? ¿Lo piensas incluir?

Ahora te pongo mi botón de Twitter, pero con una condición, si te ha gustado este pequeño tutorial... sígueme :-)

Sigue a @BloggerAyudaCom

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED 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