Cómo agregar el botón de Twitter en todos los post de Blogger? [Tutorial]

 El día de hoy Twitter ha lanzado sus botones oficiales para blogs o páginas webs. Estos botones ayudan mucho ya que tus post serán linkeados en Twitter la red social más grande de intercambio de links y claro eso es más publicidad para tu blog.

Estos botones básicamente facilitan el twitteo de algún artículo de tu blog, aparte que te cuenta cuanta gente le ha hecho retweet a tus artículos asi nos podemos dar una idea de que le gusta y que cosas no le gustan a los lectores (es decir que ayuda en mucho).

Como agregar el botón en Blogger?

 Primero vamos a la página de botones oficiales de Twitter:

http://twitter.com/goodies/tweetbutton

 Cuando estemos ahi veremos 3 diseños del botón uno grande con el número de twitteos arriba, otro de lado y otro sin contador. Para está demostración usaré el primero que tiene el contador arriba.

Para cambiar el idioma, solo nos vamos a la última pestaña que dice Language y cambiamos del inglés a Spanish asi de sencillo.

[img_assist|nid=3770|title=|desc=|link=none|align=center|width=420|height=148]

 

Ahora en la opción 2 elegiremos los usuarios de Twitter que queremos que aparezcan, este usuario saldrá en todos los tweets que hagan y se puede cambiar en cualquier momento, puedes poner hasta 2 usuarios.

Yo lo dejaré por defecto con el mio:

[img_assist|nid=3771|title=|desc=|link=none|align=center|width=420|height=130]

 

Ahora si, tendremos el código listo para pegar en nuestro blog o página web:

[img_assist|nid=3773|title=|desc=|link=none|align=center|width=420|height=136]

 

Ahora para agregar el botón de Twitter en todos los post de Blogger hacemos lo siguiente:

Primero en el escritorio de Blogger nos dirigimos a Diseño:

[img_assist|nid=3774|title=|desc=|link=none|align=center|width=420|height=94]

 

Ahora nos dirigimos a Edición HTML:

[img_assist|nid=3775|title=|desc=|link=none|align=center|width=420|height=85]

 

Luego veremos el código HTML de la página ahi arriba a la derecha hacemos click a Expandir plantillas de Artilugios:

[img_assist|nid=3776|title=|desc=|link=none|align=center|width=420|height=196]

 

Ahora tenemos que buscar la siguiente linea de código: 

<p><data:post.body/></p>

Pueden hacer Ctrl + F  para abrir el buscador en Firefox o Chrome:

[img_assist|nid=3777|title=|desc=|link=none|align=center|width=420|height=205]

 

Ahora debajo de esa linea de código pegamos el código de Twitter:

[img_assist|nid=3778|title=|desc=|link=none|align=center|width=420|height=207]

 

Ahora simplemente le damos en guardar plantilla y listo! 

 [img_assist|nid=3779|title=|desc=|link=none|align=center|width=420|height=248]

 

Veremos que el botón de Twitter aparece en la parte de abajo de todos nuestros posts.

Si le hacemos click a la palabra Twittear, se nos abrirá una ventana de Twitter con el post listo para compartir:

[img_assist|nid=3780|title=|desc=|link=none|align=center|width=420|height=266]

 

Y si le hacemos click donde aparece el número de twitteos nos llevará al buscador de Twitter donde aparecerán todas las personas que le hicieron Tweet a nuestro post:

[img_assist|nid=3781|title=|desc=|link=none|align=center|width=420|height=309]

 

Eso seria todo espero que les haya guastado el tutorial y si tienen preguntas las pueden hacer en los comentarios o nuestra sección de preguntas.

Este post es original de Mix.pe hecho por @msakiya

Sobre msakiya 4245 Artículos
Dictador de Mix.pe visita mi cuenta de Google Plus