Cómo diseñar un botón de Facebook iFrame

Facebook iFrame objetos le permiten integrar los plugins sociales de dicho lugar con su sitio web, por lo que es fácil para usted para compartir contenido que quiera con la red de sus amigos, aumentando enormemente el alcance potencial de su sitio. integrarse a la perfección su sitio web con herramientas de iFrame, tales como "Comentarios" y el cuadro de "me gusta", mediante la adaptación del diseño de su marco flotante para que coincida con su sitio.

Instrucciones

1 Accede a Facebook, baje hasta la parte inferior de la página y haga clic en "Los desarrolladores." Haga clic en "Agregar a mi página de Facebook," haga clic en "Conceptos básicos" en el menú de navegación de la izquierda. Haga clic en "Plugins Social", entonces el nombre del plugin iFrame desea agregar - el "como" caja o "Comentarios", por ejemplo.

2 Introduzca la información para la que Facebook le pide - por lo general, la dirección URL de la "página" de Facebook a la que desea la herramienta para enlazar - e introduzca la anchura, en píxeles, que desea para el objeto. Seleccionar un esquema de color "light" o "oscuro", a continuación, haga clic en "Obtener código". Haga doble clic en el puntero del ratón dentro de la ventana de marco flotante, haga clic en, haga clic en "Copiar" y haga clic en "Aceptar".

3 Entre para panel de control de su sitio web y navegar hasta el HTML de la página en la que desea insertar el marco flotante. Abra la página en el editor HTML de su servidor, haga clic en el puntero del ratón en cualquier parte de la página que desea insertar el marco flotante, a continuación, haga clic derecho y seleccione "Pegar". Guarde el archivo y verlo en su navegador para comprobar el aspecto del marco flotante.

4 Cambiar el color de fondo del marco flotante añadiendo una entrada a iFrame archivo CSS de su página usando el siguiente código:

iframe {background-color: RGBA (0,0,0,0.8); color: # 000000;}

Reemplazar los valores de color de la muestra con los valores que se corresponden con tema del color de su sitio. Recuerde que el coeficiente "a" de la cadena "RGBA" es la transparencia de la caja - un bajo coeficiente significa que el cuadro es muy transparente, mientras que un valor de "1" significa que es completamente opaca.

5 Guarde el archivo CSS y visitar su página una vez más para asegurarse de que aparezca el marco flotante como usted lo desee.