Cómo hacer que contacten a tu blog - Formulario de contacto

Si queremos que el personal pueda enviarnos emails con contacto, a la dirección que nosotros queramos, de forma que puedan contribuir con comentarios, peticiones, pedidos, erratas o lo que quieran, una de las opciones que tenemos es realizar un formulario de contacto.
Existe un buen número de webs que ofrecen un servicio se creación de "Formularios de contacto". Muchas de ellas son gratuitas, permiten cierta personalización y son muy fáciles de usar. Algunas de las más utilizadas son:
- Foxyform. Gratuito. Muy rápido de realizar. Configurable.
- EmailMeForm. Gratuita. Requiere registro. Tiene diferentes plantillas a elegir.

En nuestro caso os recomendamos Foxyform. Como decíamos es tremendamente sencillo, no requiere ningún tipo de conocimiento informático y en poco más de 2 minutos lo tienes.

1. Después de hacer a su web, Foxyform, lo primero que verás es la presentación de la web e, inmeditamente a continuación, te pide que selecciones los campos que deseas pedir al usuario que quiera escribir al blog, así como la posible obligatoriedad de los mismos.

Paso 1. Configuración usuario y mensaje en la web de Foxyform.

La obligatoriedad de campos es algo personal pero, por ejemplo, saber el email de respuesta es básico si queremos interactividad. En cualquier caso, si tienes alguna duda, en la parte inferior de la web tienes una previsualización de como quedaría tu formulario según lo vas creando.

2. Configuración de tu plantilla del formulario. Selecciona colores, fuentes y tamaños.

Paso 2. Configuración plantilla.

3. Escribe la dirección de correo electrónico a la que quieres que envíen dichos mensajes de correo electrónico los usuarios del blog. Recuerda que es importante gestionar bien estos mensajes para fomentar la retroalimentación del blog.
Debes rellenar el antispam para poder finalizar el formulario.
Pincha sobre "Crear formulario".

Paso 3. Dirección email y rellena el antirobots.

4. Como decíamos, en la parte inferior de la web podrás ver en todo momento el aspecto que vas definiendo a tu formulario.

Previsualización de tu propio formulario de contacto.

5. Tras crear el formulario nos llevará a otra página en la que aparece el código html personalizado. Tendremos que copiar el código que aparece en la ventana de la derecha. En la zona difuminada debe aparecer vuestro email de destino.

Paso final en Foxyform.

4. Con el código pegado, todo el código pegado, vamos a nuestro blog.

En primer lugar, haremos una entrada con el formulario de contacto. Escribe el texto pertinente y, pasando a http://blogtecnos.blogspot.com.es/HTML (justo debajo de BlogTecnos tienes dicha pestaña), copia al final del todo el formulario de contacto. Vuelve a la opción redactar. Esto será lo que verás. Si estás satisfecho publica la entrada.

Esa entrada permanecerá hasta que tu quieras en el blog pero, obviamente, sólo estará en un lugar claramente visible hasta que publiques más entradas y se pierda en tu blog.
Para darle mayor notoriedad y que esté disponible para el personal lo normal es asociarla a un gadget. En el caso de blogger, iremos a Diseño<Añadir un gadget<Imagen.
Desde aquí nos pide que seleccionemos:
- Título y pie de foto (si queremos claro).
- Imagen, algo así como un buzón, un mensajero o nuestro logo.
- Enlace. Aquí tendremos que escribir la dirección concreta de la entrada de nuestro formulario de contacto. Será algo así como "http://blogtecnos.blogspot.com.es/2014/03/formulario-de-contacto-de-blogtecnos.html". Un error común es poner el enlace a la página principal del blog y no a la entrada concreta en que hemos escrito el formulario.

 

Guardamos. Y ya está hecho. Automáticamente nos aparecerá un gadget con la información de contacto (que podremos reubicar) y, cuando un visitante pinche, accederá directamente al formulario de contacto y podrá escribir cuanto quiera.

QUIZÁ TE INTERESE..
- Como diseñar suscripciones a tu blog.

Como diseñar las suscripciones por email a un blog de Blogger

Aquí os paso las instrucciones que son necesarias para la suscripción a través de un correo electrónico para blogger. Todas las instrucciones están en el siguiente videotutorial pero se necesitan una serie de códigos que os paso a continuación.

- La primera instrucción a completar se corresponde al apartado Email Branding<Título/Tema del email (corresponde al 4:20 del vídeo). Pretende que en cada email de aviso de actualización aparezca el propio título del post realizado, para ello completamos con: 

${latestItemTitle} | Blog Tecnos

Añadir un calendario a Blogger con Google Calendar

Una opción interesante a considerar en nuestro Blog es incluir un calendario que informe sobre eventos cercanos relacionados con la temática del blog, por ejemplo las fiestas, excursiones o acontecimientos de tu pueblo. Para ello, de las varias opciones disponibles os aconsejo utilizar Google Calendar.

Se trata de una herramienta muy sencilla. Para trabajar con ella basta con, como siempre, entrar en nuestra cuenta de Google y pinchar sobre Calendar.

Entrar en Google Calendar.

A continuación, nos aparecerá la siguiente ventana. Se trata de la ventana principal de Google Calendar y sobre la que trabajaremos:

Ventana de trabajo principal de Google Calendar.

Reducir el tamaño de las entradas en el inicio de Blogger

En ocasiones nos parece que una entrada resulta demasiado larga para colocarla de forma íntegra y nos parece más interesante poner sólo una parte de la misma a modo de aperitivo, de manera que quién esté interesado pueda acceder a la información completa a través del típico "Leer más".

Esta función se realiza en Blogger de una forma muy sencilla. Una vez estemos en la edición de nuestra entrada debemos colocar el cursor en el sitio dónde queramos cortar la entrada y pinchar en "Insertar salto de línea", es decir en el folio fragmentado que nos ofrecen los iconos principales (ver imagen, 1).

Introducir tablas en Blogger. Tutorial.

Para insertar una tabla en Blogger, debemos realizar los siguientes pasos. Lo primero será insertar el código html correspondiente. Podemos partir de una tabla 3x3, dónde C representa Columnas y F filas, algo como esto:

<table border="1" cellpadding="5"><tbody>

<tr><td>C1,F1</td>

     <td>C2,F1</td>

     <td>C3,F1</td></tr>

<tr><td>C1,F2</td>

     <td>C2,F2</td>

     <td>C3,F2</td></tr>

<tr><td>C1,F3</td>

     <td>C2,F3</td>

     <td>C3,F3</td></tr>

</tbody></table>

Tabla 3x3 añadida en blogger.

Como traducir tu Blog (Blogger)

El objetivo es colocar una opción en la barra lateral, a modo de gadget, que nos permita traducir el blog entero al idioma deseado.

Gadget del traductor de Google.

Existen varias soluciones pero nuestra recomendación es usar Google Translate. Se trata de una potente y versátil herramienta en constante evolución.

Lo que debemos hacer es:
i. Entrar en Google translate, y concretamente en Traductor de sitios web. Esta opción se encuentra en la parte inferior de la ventana (ver imagen adjunta).

Ubicación de Google Translate. Pestaña para traducir webs y blogs.

ii. Accedes a una página que nos va a permitir configurar las opciones deseadas (ver imagen):

Opciones de Google Translate.

iii. Simplemente debemos configurar las opciones que deseemos y copiamos el código html (la zona recuadrada en rojo en la imagen).

iv. El último paso será copiar ese código copiado en un gadget de html.

Reproducir música de fondo en nuestro blog

Si lo que queremos es que se reproduzca una canción de fondo, sin necesidad de darle al play, sino que simplemente comience a sonar cuando se abra el blog los pasos son los siguientes:
i. Seleccionamos la canción de YouTube que nos interese.
ii. Procedemos como si fueramos a colgar el vídeo completo de YouTube en nuestro blog. Pinchamos en Compartir<Insertar y pinchamos sobre la opción "Utilizar código de inserción anterior". Copiamos dicho código completo, por ejemplo éste:

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?version=3&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?version=3&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Debemos cambiar, las dos veces en las que aparece, version por autoplay, y el 3 que aparece a continuación del igual por un 1.

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Una vez hecho lo importante podemos plantearnos que no aparezca la imagen. Para ello simplemente definimos las altura y anchura como de tamaño 0 (en dos lugares nuevamente), quedando así:

<object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="0" height="0" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Finalmente mi consejo es que este mismo código lo coloquéis como un gadget en la barra lateral en lugar de en una entrada, pero según vuestras necesidades.


CONSEJO. Esta opción puede ser una buena opción si vuestro blog se adapta a ello. Lo normal es que la música de fondo acabe cansando o distraiga la atención del contenido principal. De poner una música de fondo procurar que sea discreta, sin letra y larga para que se repita constantemente.

VIDEOTUTORIAL. Como reproducir música de fondo de YouTube en Blogger (segunda parte del video, a partir del minuto 5').

Como poner música de YouTube en Blogger

Para reproducir una canción en nuestro blog lo más común es acoplar un reproductor, es decir, introducir el código del mismo, para después permitir que, a través de los controles de los que éste dispone, podamos escuchar la canción en el momento que nos apetezca.

Pero, en esta ocasión proponemos un sistema mucho más rápido y sencillo que nos permitirá escuchar cualquier canción que encontremos en YouTube modificando mínimamente el código de la misma. La idea la encontré en el blog de Mandelrot (al que agradezco la resolución de medidas y del div).

La idea es la siguiente:
i. Vamos a la canción de YouTube que nos interese.
ii. Procedemos como si fuéramos a colgar el vídeo completo de YouTube en nuestro blog. Pinchamos en Compartir<Insertar y copiamos el código completo, por ejemplo éste:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

iii. La altura óptima para reproducir la canción como una línea es 37, por lo tanto modificamos dónde ponía 315 (en mi caso), ponemos 37. Con éste cambio conseguiremos ver los botones de reproducción y el temporizador. Para que el ancho quede perfecto podemos poner 640, quedando así:

<iframe width="640" height="37" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

iv. Finalmente incluimos una línea de código nueva si queremos evitar que aparezcan los molestos enlaces de compartir y more info, en la que el nuevo ancho evite esa zona (unos 466 de ancho). Será una línea div (contenedor a nivel de bloque) que nos oculte la parte sobrante:

<div style="overflow: hidden; width: 466px;">
<iframe width="640" height="37" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

</div>

OJO! No olvides cerrar el div que acabamos de abrir (</div>).


El resultado es el siguiente:

Pequeña variante en el código para reducir la anchura:

Ejemplo utilizado en el videotutorial:

SABER MÁS. Si quieres saber que indica cada una de las ordenes del código HTML de los videos de YouTube puedes ver un pequeño tutorial aquí.


VIDEOTUTORIAL. Como poner música de YouTube en Blogger.

¿Blogger, Wordpress.com o Wordpress.org? Ventajas y desventajas

A la hora de crear un blog son varias las dudas que nos surgen: ¿Qué plataforma es más interesante en mi caso?¿Blogger o Wordpress?¿Wordpress.com o Wordpress.org?¿Quiero pagar por mi blog o que sea completamente gratuito?¿Cuál es más difícil de manejar?¿Cuál se ajusta mejor a mis necesidades?

Para responder a gran parte de estas preguntas os paso este esquema (creado con DIA) y que os ayudará en la elección.

Esquema para la elección de un gestor de blogs.

Insertar un vídeo propio en Blogger

Para instalar un vídeo que tengamos en nuestro equipo en una entrada de Blogger la opción más sencilla es subirlo al servidor de Blogger. Para ello debemos seguir los siguientes pasos:

- Pinchar sobre el icono "Insertar vídeo".

Cargar vídeo propio en Blogger

- Seleccionar el vídeo en nuestro ordenador y pulsar "subir".

- Tardará un buen rato, en función de la duración del mismo.

Os paso el ejemplo del funcionamiento de un motor Ford (5:44 min.).

El problema es que si utilizamos con cierta frecuencia esta opción podemos ocupar gran parte del espacio disponible en blogger, es por eso que podemos recurrir a otras opciones.

Podemos utilizar plataformas de Internet de visionado y subida de vídeos:

- El archiconocido YouTube.com. Permite cargar un número ilimitado de vídeos. Es un servicio rápido y versátil con limitación de tiempo (15 min.) y/o capacidad (2 GB).

- Muy similar a YouTube es Dailymotion.com, pero ofrece menos difusión que YouTube.

- Muy recomendable, por su calidad, es Vimeo.com. Con máximo de carga de 250 megas a la semana.

- Otros como Livevideo.com, Revver.com (ofrece reparto de ingresos entre sus usuarios), blip.tv, Tu.tv...

Esta opción nos permite no colapsar nuestra cuenta y agilizar la carga. Por contra va a estar disponible para mucha gente e impide con ello la exclusividad o privacidad del mismo.

Otra opción es usar DropBox, de manera que enlacemos el vídeo desde su carpeta "Public". Esta opción es poco recomendable por su lentitud de carga.