1. Insertar una Twitter box en Blogger 1.1. Una vez iniciada sesión

1. Insertar una Twitter box en Blogger
1.1. Una vez iniciada sesión en Twitter, dirigirse a la opción de configuración tal y como se
aprecia en la imagen siguiente:
1.2. En el lado derecho de de la visualización veremos lo siguiente, clic en widgets:
1.3. Clic en crear “Crear nuevo”, ubicado en el en el lado izquierdo del monitor
1.4. Escribir el Nombre de usuario de nuestra cuenta en twitter, en caso que éste no se
encuentre escrito en el primer recuadro a llenar
1.4.1.Aquí se nos presentarán opciones varias que algunas (excluir respuestas y
Autoexpandir fotos) dejaremos activadas por defecto y otras como la altura de
nuestro widget, el color (plantilla), el color de los enlaces que podremos editar
para adaptarlo mejor al diseño de nuestro blog.
1.4.2.Si no queremos insertar un widget personalizado, basta con hacer clic en
“Deshabilitar la personalización de Twitter” y así insertaremos uno con los
valores por defecto del servicio de Twitter.
1.5. Clic en “Crear Widget”
1.5.1.Nos aparecerá un recuadro parecido a un campo de texto, seleccionamos el
texto y lo copiamos
1.6. Nos trasladaremos a Blogger. Estando ahí, nos ubicamos en la opción “Diseño” y en la
siguiente visualización, hacemos clic en cualquiera de los enlaces “Añadir un gadget”,
donde queramos que se visualice nuestra twitter box.
1.7. Se nos desplegará una ventana nueva en la cual buscaremos la opción
“HTLM/Javascript” para hacer clic sobre la misma
1.8. Tendremos una nueva visualización. En “Título”, podremos poner alguna
identificación para nuestro gadget y en “Contenido”, pegaremos lo copiado en el paso
1.5.1 y daremos clic en el botón guardar.
2. Insertar una botón de like en Blogger
2.1. Copiaremos la ruta de enlace a nuestra página de FB. Esta la podemos ubicar en la
barra de direcciones del navegador que estemos utilizando (internet explorer, mozilla,
google chrome, etc.)
2.2. Nos dirigimos al siguiente enlace: http://developers.facebook.com/docs/plugins/likebox-for-pages/. Sino pudiésemos entrar, basta con escribir en el buscador de google
“Like Box Facebok Developers” y hacer clic en el primer resultado.
2.3. La siguiente visualización, parecida con los pasos anteriores; lo primero será pegar el
enlace copiado desde el paso 2.1 en el campo “Facebook Page URL”. Además, se nos
ofrecen diversas opciones de personalización como altura, ancho, color de plantilla
(oscura o clara). Mostrar personas a quienes les guste la nuestra página y/o nuestras
publicaciones, encabezados y bordes. Deberemos personalizar a nuestro gusto,
cuidando de dejar solamente la información que nos interese, así como el tamaño de
la FB box adecuado para lograr una correcta visualización en nuestro Blog.
2.3.1. Una visualización distinta, se puede apreciar el color de la plantilla en oscuro,
bordes activados (show border) y la posibilidad de visualizar solamente
publicaciones (Show Posts activado)
2.4. Hacer clic en Get Code
2.5. Nos aparecerá el siguiente recuadro y haremos clic en el botón IFRAME
2.6. Posicionamos el puntero del mouse en el rectángulo gris dentro del círculo de la
imagen siguiente. Clic derecho y copiar.
2.7. Repetimos los pasos desde el numeral 1.6 hasta el 1.8.
Visualización
Si nos dirigimos a la vista previa o la visualización de nuestro blog, podremos corroborar que
los botones de facebook y twitter ya se encuentran visibles. Podremos entonces, moverlos de
lugar desde la opción de diseño, así como corroborar si es, efectivamente, la información que
queremos mostrar y se encuentra estética y funcionalmente visible dentro de nuestro blog.
Botón de Twitter, visible en el blog de http://xeladespierta.blogspot.com/.
Botón de Like para Facebook
http://xeladespierta.blogspot.com/
(Facebook
like
box),
visible
en
el
blog
de