Office 365: Como añadir el botón “Me gusta” de Facebook en nuestro sitio público!

Preguntaban el otro día en los foros de Office 365 sobre como añadir el botón “Me Gusta” de Facebook en un sitio público de Office 365, y un colaborador comentó su solución, por lo que me decidí a crear un sencillo paso a paso sobre como añadir esta opción a una página de nuestro sitio:

  • En primer lugar, necesitamos acceder a nuestro sitio y validarnos a través de la opción “Iniciar sesión de miembro”.
  • De esta forma, se muestra la biblioteca de páginas web que forman parte de nuestro sitio público y que podremos personalizar. Hacemos clic sobre una de dichas páginas.
  • A continuación se muestra dicha página en tiempo de diseño. Seleccionaos la zona de la página donde queremos añadir el “Me Gusta” y pulsamos sobre “Insertar –> HTML”.
image image image
  • En la ventana que se abre simplemente insertamos el código HTML que nos permite añadir la opción “Me Gusta” de Facebook para una página en concreto usando en este caso un iFrame.
   1: <html>

   2: <head>

   3: <title>Me gusta El Marca</title>

   4: </head>

   5: <body>

   6: <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/MARCA" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe>

   7: </body>

   8: </html>

  • Pulsamos “Aceptar” en la ventana HTML de manera que en el diseñador podemos ver que ya se muestra la opción “Me Gusta” de la página.
  • Guardamos y publicamos los cambios. Comprobamos que tenemos la opción disponible y operativa en la página publicada.
image image image

Referencia: http://community.office365.com/es-es/f/197/t/11405.aspx