Cómo agregar un formulario de contacto de google docs a tu blog [blogger]

Muchos de ustedes probablemente han saltado en el WordPress o el tumblr tren, pero todavía hay un número de personas que sostiene a cabo en Blogger. google se mantiene al día con los vecinos con su nuevo Blogger en borrador interfaz, y la herramienta web todavía ofrece una alternativa más barata para la personalización total y los nombres de dominio originales para los blogs personales.

Si usted es un usuario de Blogger, es posible que en ocasiones se preguntó, “¿Cómo puedo hacer una de esas formas de contacto locas-cool que todos los demás blogs en el mundo tienen?” Afortunadamente, si usted es también un google Docs usuario, esto se puede hacer con relativa facilidad (y absolutamente sin dolor).

Colocar la Forma

Para empezar, inicie sesión en Google Docs, y crear una nueva forma como se muestra en la imagen de abajo. Usted puede perforar en el título de tu forma de mantenerse organizado, pero en realidad se podría dejar esta sección de su forma como “Intitulado" y no haría ninguna diferencia. Con el fin de hacer que una página legítima de contacto, usted debe proporcionar a los usuarios con el “texto de párrafo” tipo de pregunta. Esto permite suficiente espacio para largas preguntas o comentarios.

Por favor, tome en cuenta que el formulario predeterminado inserta automáticamente dos ejemplos de preguntas. Asegúrese de eliminar la segunda muestra, o de lo contrario tendrá una investigación fantasma que usted realmente no necesita. Sin embargo, si desea añadir más preguntas usando diferentes formatos de respuesta (casillas de verificación, selección múltiple, etc.), entonces usted es libre de hacerlo. Incluso puede hacer que las respuestas requeridas para artículos tales como datos de contacto. Después de que haya terminado, asegúrese de recordar para guardarlo.

Vídeo: Cómo poner un formulario de contacto en tu blog con Blogger – Tutorial 2016

El Formulario de rasgadura

Usted puede ya ser conscientes de que las formas de Google tienden a pegarse a las plantillas no personalizable que a menudo no encajan bien con el diseño de su blog. Sin duda, puede incrustar el formulario utilizando un código iFrame, pero todavía conserva el mismo formato que las plantillas producidas en serie pre-diseñados. Afortunadamente, hay una forma de evitar eso.

Después de completar el formulario, vuelva a su página de inicio Docs y abrir la hoja de cálculo de la forma que acaba de crear. Como nota lateral, esta hoja de cálculo le permitirá ver todas las presentaciones a su formulario. Cuando llegue a esta página, seleccione “Formar”En la barra de menú y haga clic en“Ir a vivir formulario“.

Vídeo: Cómo hacer un formulario de contacto

Mientras mira a su página de formulario, usted debe usar cualquier función de su navegador permite mirar el código fuente de la página. Desde que estoy usando Cromo en mi Mac para este tutorial, simplemente utilicé mi trackpad para abrir el menú contextual y seleccionado “Ver código fuente“.

Aquí, las cosas podrían resultar tedioso, así que presta mucha atención. Se debe utilizar la función de búsqueda de su navegador (CTRL + F) para localizar el término “acción del formulario“. Cuando lo encuentre, se verá este código:

Hacer una nota de dónde esta línea de código es, y luego encontrar el siguiente fragmento de código:

Copiar todo el camino hacia abajo desde la primera línea de código antes mencionado a la siguiente línea de código antes mencionado. Si usted se sienta más cómodo pegar este código en una aplicación de texto, y luego seguir adelante. Usted va a utilizar momentáneamente.

Instalación de la Forma

Después de haber copiado con éxito su código seleccionado en el portapapeles, usted debe entrar en su panel de Blogger. Como ya he dicho antes, estoy usando la interfaz de Blogger en borrador, pero si usted está utilizando la interfaz de usuario original, usted todavía será capaz de seguir adelante.

Vídeo: Cómo insertar un formulario de Google Drive en Blogger

En primer lugar, se debe crear una nueva página de su blog y titularlo “Contáctame" o algo similar. Después de abrirlo, vaya directamente a la HTML sección de edición de la página y pega el código.

A partir de ahora, que, básicamente, de haber completado la tarea de instalar el formulario en su blog. En este punto, la vista previa debe ser similar a la imagen de abajo. Sin embargo, las vistas previas van a ser diferentes para diferentes personas sobre la base de la máquina que están utilizando.

Personalización de la Forma

Como descubrí con mi blog personal, a veces habrá problemas tales como estar allí demasiado espacio entre el título de la página y la forma en sí o el cuadro de respuesta es demasiado grande para el ancho del blog. Estos problemas menores se pueden resolver fácilmente.

Vídeo: Tutorial: insertar un formulario de Google Drive en un Blog

Si usted está teniendo problemas con la existencia de demasiado espacio entre el título y las preguntas, buscar cualquier

br

las etiquetas y eliminarlos. Sin embargo, si usted está teniendo problemas con el ancho de la casilla de respuesta, la búsqueda de esta línea de código:

Al ajustar el valor “cols” a un número menor, se puede cambiar el ancho del blog para adaptarse a pantallas más pequeñas o navegadores alternativos. Por otra parte, en realidad se puede cambiar las fuentes de las preguntas al editar la página. Con la personalización suficiente, puede terminar con algo parecido a la siguiente imagen.

Conclusión

Esta es una manera rápida y eficiente para colocar un formulario de Google Docs estilo de coincidencia en su blog de Blogger, y el tutorial probable podría ser adaptado para cualquier otro blog o sitio web. Se puede hacer mucho más de lo que se ve aquí, así que asegúrese de jugar un rato con él durante un rato.

¿Qué otros sitios que utiliza para hacer que los formularios web? ¿Cómo este tutorial funciona para usted? Si tiene algún problema para hacer su propio formulario web, háganoslo saber en los comentarios o, alternativamente, pedimos una pregunta sobre por lo Respuestas MakeUseOf.