Anuncio publicitario
Es probable que muchos de ustedes se hayan subido al WordPress o la Tumblr entrenar, pero todavía hay un número de personas que se resisten a Blogger. Google se mantiene al día con los Joneses con su nueva interfaz Blogger in Draft, y la herramienta web todavía ofrece una alternativa más barata para la personalización total y los nombres de dominio originales para blogs personales.
Si eres un usuario de Blogger, es posible que de vez en cuando te hayas preguntado: "¿Cómo puedo crear uno de esos formularios de contacto geniales que tienen todos los demás blogs del mundo?" Afortunadamente, si también eres un Documentos de Google usuario, esto se puede hacer con relativa facilidad (y absolutamente sin dolor).
Haciendo la forma
Para comenzar, inicie sesión en Google Docs y cree un nuevo formulario como se muestra en la imagen a continuación. Puede marcar un título para su formulario para mantenerse organizado, pero en realidad podría dejar esta sección de su formulario como "
Intitulado" y no haría ninguna diferencia. Para que sea una página de contacto legítima, debe proporcionar a los usuarios el tipo de pregunta de "texto de párrafo". Esto deja suficiente espacio para largas preguntas o comentarios.
Tenga en cuenta que el formulario predeterminado inserta automáticamente dos preguntas de muestra. Asegúrese de eliminar la segunda muestra o, de lo contrario, tendrá una consulta fantasma que realmente no necesita. Sin embargo, si desea agregar más preguntas utilizando diferentes formatos de respuesta (casillas de verificación, opción múltiple, etc.), puede hacerlo. Incluso puede realizar las respuestas necesarias para elementos como los datos de contacto. Una vez que haya terminado, asegúrese de recordar guardarlo.
Rasgando la forma
Es posible que ya sepa que los formularios de Google tienden a ceñirse a plantillas no personalizables que a menudo no encajan bien con el diseño de su blog. Claro, puede incrustar el formulario usando un código iFrame, pero aún conserva el mismo formato que las plantillas prediseñadas de cortador de galletas. Afortunadamente, hay una forma de evitar eso.
Después de completar su formulario, vuelva a la página de inicio de Documentos y abra la hoja de cálculo del formulario que acaba de crear. Como nota al margen, esta hoja de cálculo le permitirá ver todos los envíos a su formulario. Cuando llegue a esta página, seleccione "Formulario"En la barra de menú y luego haga clic en"Ir a la forma en vivo“.
Mientras mira su página de formulario, debe usar cualquier característica que su navegador permita para ver el código fuente de la página. Dado que estoy usando Chrome en mi Mac para este tutorial, simplemente usé mi trackpad para abrir el menú contextual y seleccioné "Ver código fuente“.
Aquí mismo, las cosas pueden volverse tediosas, así que preste mucha atención. Debe utilizar la función Buscar de su navegador (CTRL + F) para localizar el término "forma acción“. Cuando lo encuentre, debería ver este código:
Tome nota de dónde está esta línea de código y luego busque el siguiente fragmento de código:
Copie todo el camino desde la primera línea de código mencionada hasta la siguiente línea de código mencionada. Si se siente más cómodo pegando este código en una aplicación de texto, continúe. Lo usará momentáneamente.
Instalación del formulario
Una vez que haya copiado correctamente el código seleccionado en el portapapeles, debe ingresar al panel de Blogger. Como dije antes, estoy usando la interfaz de Blogger en borrador, pero si está usando la interfaz de usuario original, aún podrá seguirla.
En primer lugar, debe crear una nueva página para su blog y darle el título "Contáctame" o algo similar. Después de abrirlo, vaya directamente al HTML sección de edición de la página y pegue el código.
A partir de ahora, básicamente ha completado la tarea de instalar el formulario en su blog. En este punto, su vista previa debería verse similar a la imagen a continuación. Sin embargo, las vistas previas serán diferentes para diferentes personas según la máquina que estén usando.
Personalizando el formulario
Como descubrí con mi blog personal, a veces habrá problemas como que haya demasiadas el espacio entre el título de la página y el formulario en sí o el cuadro de respuesta es demasiado grande para el ancho del Blog. Estos pequeños problemas se pueden solucionar fácilmente.
Si tiene problemas porque hay demasiado espacio entre el título y las preguntas, busque cualquier
br
etiquetas y elimínelas. Sin embargo, si tiene problemas con el ancho del cuadro de respuesta, busque esta línea de código:
Al ajustar el valor "cols" a un número menor, puede cambiar el ancho del blog para adaptarse a pantallas más pequeñas o navegadores alternativos. Además, puede cambiar las fuentes de las preguntas mientras edita la página. Con suficiente personalización, puede terminar con algo como la siguiente imagen.
Conclusión
Esta es una forma rápida y eficaz de colocar un formulario de Google Docs que coincida con el estilo en su blog de Blogger y Es probable que el tutorial se adapte a cualquier otro blog o sitio web. Puedes hacer mucho más de lo que ves aquí, así que asegúrate de jugar un rato con él.
¿Qué otros sitios usas para crear formularios web? ¿Cómo te resultó este tutorial? Si tiene algún problema para crear su propio formulario web, háganoslo saber en los comentarios o, alternativamente, haga una pregunta en MakeUseOf Answers.
Joshua Lockhart es un buen productor de videos web y un escritor mediocre de contenido en línea contenido.
