26 de septiembre de 2012

COMO AGREGAR EL BOTON DE "FOLLOW" DE TWITTER EN CADA POST DE BLOGGER

El boton "Follow" de Twitter es el equivalente al "Me Gusta" de Facebook y al "G+1" de Google. Estos botones son de gran ayuda ya que es una forma de promocionar en Twitter lo que publicas. Por el cual puedes hacerte fan rapidamente del sitio que estas visitando.

Ademas, te cuenta cuanta gente le ha hecho retweet a cada uno de tus articulos y asi darnos la información de que le gusta o no a nuestros lectores.

Este bóton esta personlizado para que en el Twitter mande el Titulo del post, la URL del post y el Usurio. En este post esta implementado precisamente este bóton por lo que te puedo garantizar que si funciona.


A continuacion, vamos a explicar paso a paso como agregar el botón en cada uno de los post en la plataforma de Blogger.

Entrar a la pestaña de Plantillas.
Antes de continuar le recomiendo hacer un respaldo de su plantilla en Crear Copia de Seguridad/Restablecer.
Despues de realizar tu respaldo entras en Edición de HTML. Te aparecera una ventana y le das en Continuar.
Activas la casilla de Expandir plantillas de artilugios.

Para poner el bóton arriba de cada post buscar la siguiente linea de codigo. Lo pueden hacer mas facil presionando Ctrl + F en su navegador Firefox y Chrome escribiendo lo siguiente:

<data:post.body/>

Para poner el bóton al pie de cada post buscar la siguiente linea de codigo. Lo pueden hacer mas facil presionando Ctrl + F en su navegador Firefox y Chrome escribiendo lo siguiente:

   <div class='post-footer-line post-footer-line-1'/>


 Justo debajo de esa linea ponemos el siguiente codigo codigo:

<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='USUARIO' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

En donde dice USUARIO ponen su nombre de usuario de Twitter.

Verifican con la vista previa que todo este bien.
Por ultimo le dan en Guardar plantilla y listo.

 Les dejo la liga al post para agregar el botón de "ME GUSTA" de Facebook. http://lawebinteligente.blogspot.mx/2012/09/como-agregar-el-boton-de-me-gusta-de.html

Eso seria todo espero les haya gustado el tutorial. GRACIAS.

No hay comentarios:

Publicar un comentario