30 de mar. de 2011

Botón "Twittear" de Twitter en cada entrada del blog



El botón de "Twittear" permite a quien lo pulsa, hacer llegar a sus seguidores un enlace a la entrada del blog o web donde esta situado el botón, comunicando el descubrimiento. El voto queda registrado ya que el botón dispone de un contador, por lo que el editor conocerá cuantas veces ha sido pulsado indicando el grado de popularidad.

Si usas una de las plantillas que vienen por defecto en Blogger es posible que al pie de tus entradas aparezca la barra botones para compartir
Desactivar la barra de botones para compartir de Blogger
Recuerda que el objetivo que persigue este tutorial es ir sustituyendo estos botones (poco visuales) por los botones oficiales tanto el botón "Me Gusta" de Facebook como el botón de Twitter (este tutorial) y con el botón de Google+, tal y como puedes ver en este blog. Mi recomendación por lo tanto es ocultarla.

Ocultar la barra estándar de botones para compartir de Blogger
  • Entra en la Pestaña Diseño
  • Haz clic en "Editar" en la sección "Entradas del Blog"
  • Desmarca la casilla "Mostrar botones para compartir"
Colocar el botón de "Twittear" en cada entrada del blog
  • Paso 1. Acceder al editor HTML y haz copia de seguridad antes de realizar cambios
    • Ve a la "Pestaña Plantilla" y ve al pie de esta página. 
    • Haz una copia de seguridad de la plantilla pulsando el enlace "Realizar copia de seguridad"
    • Haz clic en el enlace "Editar código HTML de la plantilla"
  • Paso 2. Busca el siguiente código dentro de tu plantilla:
    • Usa el buscador del navegador pulsando Ctrl F o Ctrl B y busca este texto:
      • Para colocar el botón al Pie de la entrada: post-footer-line post-footer-line-1
      • Para colocar el botón en la Cabecera de la entrada:post-header-line
      • El código del botón  irá justo debajo de la línea que acabas de encontrar
  • Paso 3. Copia el código del botón de Twitter

    <a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='tuusuario' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' expr:data-text='data:post.title'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
  • Paso 4 Copia el fragmento y pégalo justo debajo de la linea encontrada en el Paso 2.
  • Paso 5 Cambia en el código que acabas de pegar donde pone tuusuario por tu usuario de Twitter
  • Paso 5. Guarda la plantilla y visualiza el Blog
Para más información sobre este botón y sus diferentes variantes consulta la página oficial de Twitter.

Nota: Como dijimos al comienzo nuestro objetivo es sustituir la barra estándar de botones para compartir de Blogger por unos botones más visuales, es por ello que te recomiendo colocar también el botón de "Me Gusta de Facebook" y el botón de "Google+".

Aquí debajo ya puedes ver funcionado el botón de "Twittear". Si te ha gustado esta entrada haz clic sobre el botón para recomendarla a tus amigos. Gracias.

Si te ha gustado esta publicación y no quieres perderte ninguna otra, sígueme a través de Facebook, Twitter, suscripción por email, Google Friend , RSS ahora también en Google +.
Actualizado el 9 de Junio de 2013




Más información ¿Cómo poner el botón de...:?