pasos para agregar el botón seguir de Redes sociales en un Blog

1. Instructivo PROGRAMA EDUTIC
____________________________________________________________________________
¿Cómo poner el botón seguir de Twitter en un Blog?
Importante: Tener en cuenta que añadir botones a tu sitio web ayuda a tus visitantes a
compartir contenido y conectarse contigo en Twitter.
Pasos a seguir:
1-Buscar en la página de Google : “Botones de twitter o Twitter Buttons”
Inmediatamente aparece la siguiente pantalla:
2-Elegir y seleccionar el botón que prefieran (asi es como se visualizarán en su Blog o página
web), seguidamente ir a opciones de botones y elegir alguna de las tres opciones que les ofrece.

2. Asegurarse que el idioma esté en español y por último ir a Previsualización y código y
seleccionar y copiar el código HTML que ha sido generado.
3-A continuación ir al sitio del Blog. Ingresar a la opción “diseño” y buscar la opción agregar
gadget.
4-Seguidamente ingresar a la opción agregar un gadget y buscar el gadget HTML /javascript

3. 5-Hacer click en el signo “+” o sobre el texto de HTML/javascript y se desplegará la siguiente
ventana:
6-Entonces aquí recién pegar el código HTML del botón seguir de Twitter que previamente hayan
elegido . Si lo desean pueden asignarle un titulo al gadget , de lo contrario lo dejan sin completar.
Hacer click en guardar.
7-Y ahora observen como queda insertado el botón “seguir a @programaedutic” en nuestro Blog:

4. ¿Cómo poner el botón de SEGUIR de Facebook en tu blog?
1.- Lo primero que debes hacer es controlar si tienes activada la opción para tener
suscriptores (SEGUIDORES) en tu perfil de Facebook.
2.- Ir a la página para Desarrolladores que ha creado Facebook (se encuentra en la parte
inferior de tu página de facebook) y buscar entre los Plugins Sociales el botón de SEGUIR
(Suscribirse).
El link directo es https://developers.facebook.com/docs/reference/plugins/subscribe/
3-Seguidamente se desplegará la siguiente ventana. Hacer click en la opción Social Plugins
(Plugin social)

5. 4-Se desplegarán a continuación las diferentes opciones de plugins. Elegir la opción del Botón
Seguir (Follow Button). Puedes elegir las opciones que quieras de Plugins de acuerdo a tus
intereses.

6. 5-Se abrirá una ventana donde se podrá elegir el estilo del botón, el color y ancho. Hacer click
en Get code (obtener el código)
6- Y se genera un cuadro de texto con 2 opciones de codigo HTML. Seleccionar el 2do código
con el botón derecho del mouse y hacer click en copiar o CTRL + C.

7. 7.-Ve a tu Blog personal
8.- Para pegar el código del botón de "SEGUIR" que has copiado de facebook, debes ir a las
opciones de configuración - Diseño - Añadir un Gadget - HTML/JavaScript . Hacer click en
pegar o CTRL + V.

8. 9-Guardar la nueva configuración y revisar cómo ha quedado en tu blog.