Facebook en tu web

Nosotros hemos creado un enlace para que nuestros seguidores del blog también puedan dejar constancia de si les gusta nuestros tutoriales con un enlace a Facebook con el botón de me gusta. Ahora te enseñaremos paso a paso como lo hemos hecho, por si tu quieres añadir tu grupo en tu web o blog como hemos hecho nosotros.

Primero hemos entrado en nuestra página de facebook. Una vez allí seleccionamos cuenta y  administrar páginas dentro del menú desplegable.

Se nos han abierto las páginas que habíamos creado previamente. Si no tienes un grupo creado te recomendamos que visites nuestro tutorial Cómo crear una página para una compañía o grupo oficial
Seleccionamos la página que queremos vincular a nuestro blog o web.

En la primera página de administración vemos que en el paso 3 nos ayuda a "promocionar esta página en tu sitio web". Pinchamos el botón de añadir recuadro "Me gusta".

De los dos recuadros que podemos observar, nosotros tenemos que cumplimentar el de la izquierda. Lo mas importante es la página a la que se tiene que enlazar para que al clickar "me gusta" se agregen a tu grupo. Para conocer esta página tenemos que volver al enlace del grupo:

Desde el inicio, volvemos a Cuenta y a seleccionar administrar páginas del menú desplegable para que nos redireccione a la página que hemos escogido.

Seleccionamos de nuevo la página.

Ahora tenemos que seleccionar la dirección web. Es la dirección que podemos encontrar en la parte superior de la pantalla, junto a las www.
Tranquilos, que no hace falta memorizar la página, para eso tenemos un truco. Selecciona la dirección completa, sin dejar ninguna letra. Una vez se ha marcado todo el texto en azul, marcamos en nuestro teclado ctrl+(la letra C) manteniendo ambos botones pulsados al mismo tiempo significa que estas copiando aquello que tengas marcado.
Otra opción con el botón derecho del ratón clickas encima del texto marcado y en el menú desplegable que aparecerá marcas la opción de copiar.

Ahora en el recuadro que nos pide dirección URL tan sólo tenemos que pegar la dirección ya copiada.
Opción 1: pinchando en el recuadro blanco (elimina previamente la dirección que aparece) marcas de nuevo ctrl+ (la letra V). Pulsando los botones de control y V al mismo tiempo es la abreviación para pedir que pegue lo que haya copiado previamente.
Opción 2: Con el botón derecho del ratón (elimina previamente la dirección que aparece) seleccionas pegar del menú desplegable.
Nota: el ancho es a gusto del usuario, nosotros hemos reducido a 175 porque nuestra columna es estrecha, si en tu blog o web tienes espacio suficiente puedes dejar la medida que tiene predeterminada o si lo deseas marcar un número mayor para que ocupe mas anchura de tu página.

Aquí puedes comprobar que una vez añadida nuestra dirección correcta en la ventana aparece ahora nuestra página. Como está recién creada es normal que ni tenga texto ni amigos agregados. Una vez esté todo anotado a nuestro gusto. Pulsamos el botón "Get Code" (a nosotros nos ha aparecido en inglés, pero a tí puede aparecerte Agregar código, esto es indiferente) Pulsamos el botón.

El programa nos ha generado una clave HTML. Realmente este es el idioma con el que se crean las páginas web, blogs y resto de documentos que visitamos en la red.
Tenemos que seleccionarlo y copiarlo (puedes utilizar el método que te haya sido mas cómodo de los que he explicado anteriormente)

Como nosotros vamos a agregarlo a nuestro blog hemos ido directamente a nuestra página de diseño de blog. Hemos seleccionado añadir gadget (ya que esto en definitiva es un accesorio para nuestro blog).

Se nos ha abierto la gran variedad de opciones a elegir que nos dan desde blogger.com, nosotros necesitamos HTML, hemos marcado esta opción para que lo veas más claro.

Se nos abre una ventana diálogo donde tan sólo tenemos que pegar lo copiado previamente desde facebook. Aquí te vuelvo a decir lo mismo, de las dos opciones que te he explicado de cortar y pegar, escoge la que mas te haya gustado.
Una vez hemos pegado el texto. Marcamos guardar.

Como puedes ver ha quedado añadido nuestro nuevo gadget a nuestro blog. Ahora tan sólo tenemos que guardar los cambios. Cuando habrás comprobado la ventana ya está agregada a nuestro blog.

Esperamos que nuestro tutorial os haya servido de ayuda, si hay algún apartado que no os ha quedado claro o tenéis algún tipo de duda, podeis poneros en contacto con nosotros a través de facebook o en el apartado de comentarios que aparece un poco mas abajo de estas líneas.