add

Como añadir el botón seguir de Twitter en mi blog de 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 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.

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

Como agregar el botón “Seguir” de Twitter en mi blog de Blogspot

Primero usted 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, bueno a continuación les voy a enseñar cómo hacer todo esto.

1.- Agregar el botón “seguir” de Twitter en un widget
    
Ir a Blogger, da un clic en Diseño
Seleccione HTML/Javascript Widget
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.- Como 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 esto.

Ir a Blogger, da un clic en "Plantilla", luego en "Editar HTML"
Marque la casilla "Expandir plantilla de artilugios"

Presiona la tecla "F3"
Busque este 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.

Ir a Blogger, da un clic en "Plantilla", luego en "Editar HTML"
Marque la casilla "Expandir plantilla de artilugios"

Presiona la tecla "F3"
Busque este 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
emailEnviar por correo

7 comentarios:

  1. muchísimas grácias ,me ha sido de mucha utilidad!

    ResponderEliminar
  2. Hola! Yo kiero ke me aparezca el número de seguidores al lado del botón, igual ke a ti en la parte superior de tu blog. ¿Cómo puedo hacerlo? Muchas gracias de antemano por la respuesta =D

    ResponderEliminar
    Respuestas
    1. hola escribeme directamente a : ayudadeblogger@gmail.com
      Y describe tu pedio, y de inmediato te enviare el codigo del twitter.
      Saludos.

      Eliminar
  3. Muy util! Gracias

    Buenas...!

    Te invito a conocer:
    http://hoylamodaerestu.blogspot.com.es/

    Espero que te guste

    Un saludo!!

    ResponderEliminar
  4. Hola! Cómo puedo poner el pie del post como lo tienes? Recomiéndalo en! Twiter# Facebook# G+#
    Gracias!

    ResponderEliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios