Como añadir el botón seguir de Twitter en mi blog de Blogger


Widgets Blogger - El botón de Twitter “Seguir” ha comenzado a tener mucha atención de los usuarios en el mundo. Cada vez son más los blogs que están poniendo bajo sus publicaciones o en sus barras laterales el botón seguir de Twitter para aumentar el tráfico de sus seguidores gracias a esta función de Twitter. El botón de Twitter “Seguir” es oficialmente creado por los desarrolladores de Twitter y no pertenece a terceras personas. A diferencia del botón retweet de Twitter, este botón, se carga rápidamente y no perturbe el tiempo de carga de su sitio web.

¿Cómo agregar el botón “Seguir” de Twitter en mi blog de Blogger?

Lo puede incorporar de varias maneras, puede copiar el código generado por Twitter y pegarlo en un widget y ubicarlo donde usted quiera. Como también lo puede agregar en su HTML para que se muestre en todas sus entradas, puede ser ubicado debajo del título principal o al final de cada post.


1.- Agregar el botón “seguir” de Twitter en un widget

Un clic en Diseño


Un clic en "Añadir un gadget"


Seleccione el widget que dice HTML/Javascript, abralo


Pegue el siguiente código en su interior, arrastre su widget y ubíquelo donde usted quiera.


<a href="http://twitter.com/ayudadeblogger" class="twitter-follow-button">Follow @ayudadeblogger </a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


Realice estos cambios:

Cambie ayudadeblogger con el nombre de usuario de su twitter

Guarde su widget y listo

2.- ¿Cómo añadir el botón “seguir” de Twitter debajo de mis títulos principales?

Si desea agregar el botón “seguir” de Twitter y que aparezca debajo de todos los títulos principales de su blog, necesita hacer lo siguiente.

1 Un clic en Tema


2 Un clic en “Editar HTML


Ahora se le abrirá el Editor HTML de su plantilla


En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.


3 Busque el siguiente código

<data:post.body/>

Si no lo encuentra, puede mostrarse abajo del siguiente código, para una mejor referencia y así puedan ubicarlo correctamente

<div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

<data:post.body/>

Justo arriba del código que encontró, pegue el siguiente código


<a href="http://twitter.com/ayudadeblogger" class="twitter-follow-button">Follow @ayudadeblogger </a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


Realice estos cambios:

Cambie ayudadeblogger con el nombre de usuario de su twitter

Guardar la plantilla y listo, ahora abra su blog de Blogger, y vea sus cambios.

3.- Como añadir el botón “seguir” de Twitter en la parte inferior de cada artículo post.

Para agregar el botón “seguir” de Twitter en la parte inferior de cada artículo en todas las entradas, lo que necesitan hacer es lo siguiente.

1 Un clic en Tema


2 Un clic en “Editar HTML


Ahora se le abrirá el Editor HTML de su plantilla


En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

3 Busque el siguiente código

<data:post.body/>

Inserte el siguiente código justo abajo del código que encontró


<a href="http://twitter.com/ayudadeblogger " class="twitter-follow-button">Follow @ayudadeblogger </a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


Realice estos cambios:

Cambie ayudadeblogger con el nombre de usuario de su twitter

Guardar la plantilla y listo, ahora abra su blog de Blogger, y vea los cambios en sus post.

Cualquier pregunta no dude en escribir





Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: