Magazine

Insertar Like Box de Facebook en Blogger

Publicado el 21 marzo 2013 por Eduardo Javier Perez Cenepo @NeytorTec
La red Social Facebook tienen muchas ventajas a la hora de compartir el contenido de nuestro Blog por medio de esta, como las vimos en una entrada anterior sobre Facebook y Blogger, Como sabemos en Facebook podemos crear paginas que podemos administrar desde la misma red Social en la cual podemos tener seguidores, pero que pasa con las personas que visitan nuestro Blog y desean recibir el contenido por medio de Facebook y no saben cual es nuestra Pagina en dicha red Social, existen muchos Plugin sociales para lograr que se subscriban a nuestra pagina de Facebook, en los cuales el Like Box se presta para que la gente se subscriba a nuestra Pagina de Facebook desde nuestro Blog, de esta forma nuestros lectores podrán estar al tanto de nuestro Contenido por medio de Facebook, pudiendo así,  obtener un mayor trafico para nuestro Sitio Web.

¿Qué es el Like Box de facebook?

Facebook brinda herramientas para desarrolladores en: Facebook developers en donde podemos encontrar diversas herramientas, donde destacan los plugin sociales, el Like Box es uno de estos Plugins:
Like Box de Facebook
En este Blog tenemos un Like Box, el cual es similar a la imagen, las personas que deseen seguir nuestro contenido pueden darle me gusta a este Plugin y podrán seguir el contenido que publiquemos en nuestra Pagina de Facebook.
Pueden encontrar este Plugin al lado derecho de este Blog en la parte inferior, y seguir nuestro contenido por la red social Facebook.

¿Como Configurar y Obtener código del Like Box de Facebook?

Para Configurar y Obtener el código del Like Box de facebook nos dirigimos a los Plugins de Facebook developers, en los cuales se nos mostrara un listado de Plugins los cuales podemos añadir en nuestro Blog, en este caso nos centraremos en el Like Box:
Lista de Plugins Sociales en Facebook
Cuando seleccionamos la opción del Like Box, nos llevara a una pagina en la cual se nos mostrara las configuraciones y la vista que tendrá nuestro Like Box al momento que lo utilicemos:
Configuraciones del Like Box
Al ingresar a esta pagina se nos mostrara las configuraciones que podemos hacer al Like Box en el lado izquierdo, y en el lado derecho se observa como quedara, por defecto se muestra el Like Box de Facebook Developers como en la imagen, ahora para asociar nuestra pagina de Facebook con este Plugin solo tenemos que copiar el código de nuestra pagina y pegarlo en donde esta la URL:
Nuestra pagina de facebook en el Like Box
El código de nuestra Pagina de facebook lo pegamos después del signo "/", nuestro Codigo de Pagina se muestra en la barra de direcciones cuando accedemos a esta:


Codigo de nuestra pagina de Facebook
https://www.facebook.com/234455979950706, de una forma similar a esta, nos quedaría la URL de nuestra pagina.
Una ves asociado el Plugin con nuestra pagina de Facebook, también podemos generar configuraciones a nuestro Plugin Like Box:
width: es el ancho que tendrá nuestro Like Box de Facebook, el cual lo podemos editar según nuestra necesidad.
height: es el alto del Like Box, recomiendo que lo dejen vació ya que así el alto se acomodara por defecto según el contenido de la caja.
show faces: al mantener habilitada esta casilla permite que la foto de perfil de los que nos siguen se muestre en nuestro Like Box, podemos ver el ejemplo en las imagenes.
Color Scheme: en esta opción podemos habilitar los colores de fondo que tendrá nuestro Like Box, estos pueden ser Light y Dark (Claro y Oscuro).
Show stream: al mantener habilitada esta opción permite que los contenidos que se publiquen en la pagina de Facebook se muestren en el espacio que se nota en las imágenes de arriba, en nuestro caso nosotros desactivamos esta opción y solo quedan las fotos de nuestros seguidores (a nuestro parecer es mas atractivo).
Border Color: en esta opción podemos especificar el color del Borde que tendrá nuestro Like Box.
Show Header: al desactivar esta casilla se nos Borrara el Titulo del Like Box el cual es: Búscanos en Facebook.

Después de configurar todo esto obtenemos el Código de nuestro Like Box dando clic en Get Code


¿Como insertar el Like Box de Facebook en Blogger?

Una ves que hemos configurado todo respecto  nuestra Caja de Fans, le damos clic en Get Code y se nos mostrara una ventana en la cual se nos mostraran 2 códigos que permitirán que funcione nuestro Like Box de Facebook en nuestro Blog.
Código para insertar el Plugin del Like Box
La ventana que se nos muestra es similar a la imagen de arriba, en la cual el primer código debemos pegarlo antes de la etiqueta <body> de nuestro Blog, para hacer eso en Blogger, entramos a Plantilla>>Editar Html, presionamos F3 para que se nos habrá el buscador y nos facilite encontrar lo que buscamos, luego antes del <body> pegamos el primer código que se nos muestra.
El segundo código lo pegamos en donde queremos que se muestre nuestro Plugin Social, en Blogger  nos vamos a diseño y le damos en añadir gadget, buscamos el gadget de HTML/Javascript y pegamos el segundo código en ese Gadget.
Ahora una ves que tengamos nuestro Like Box en nuestro Blog o Pagina Web, nuestros lectores podrán darle me Gusta y seguir nuestra Pagina de Facebook.
Cualquier duda o aporte hacerlo por Comentarios. Gracias por su Tiempo!.
No se olviden si desean seguir nuestra Pagina de Facebook solo den me gusta en nuestro Like Box.

Volver a la Portada de Logo Paperblog

Dossier Paperblog