Mostrando entradas con la etiqueta VideoTutorial. Mostrar todas las entradas
Mostrando entradas con la etiqueta VideoTutorial. Mostrar todas las entradas

22 oct 2013

Encuestas, solicitud de presupuestos, pedidos, reservas, envío de datos de contacto, notificación, incidencias, envío de sugerencias, introducción de métricas, etc. En definitiva, hablamos de Formularios web. Tras ver cómo integrar Google Calendar y Google Docs Hojas de cálculo con Blogger, le ha llegado el turno a los Google Docs Formularios. Recuerda que esta publicación forma parte de una serie de artículos dedicados a la integración de Blogger con otros servicios de Google.

La lista de aplicaciones asociadas a creación de formularios es infinita, es muy raro el día que no nos topemos con uno de ellos navegando a través de Internet. Los formularios permiten la captura de datos de manera simple, ordenada y validada, es por ello por lo que los formularios web están presente en todo sitio Web.


NOTA IMPORTANTE:
Mi nombre es Jesús González y soy el autor de iniciaBlog. Si estás buscando una herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto con mi equipo he desarrollado BlogsterApp - Te invitamos a conocer este nuevo servicio. Pruébalo ahora con tu blog de manera gratuita.
Un abrazo, Jesús Gonzalez, autor de iniciaBlog y BlogsterApp.



En este tutorial te mostraré paso a paso cómo crear un formulario web usando para ello Google Docs para posteriormente integrarlo en tu blog (Blogger), este ejercicio debe abrirte las puertas a todo tipo de aplicaciones con los formularios tal y como te comentaba al comienzo.

Cómo insertar un formulario de Google Drive en Blogger
Cómo insertar un formulario de Google Drive en Blogger

Qué es Google Formularios

Un formulario es otro de los tipos de documentos que puedes crear dentro de Google Drive. Son muy prácticos y sobre todo necesario si lo que quieres es dotar a tu sitio web o blog de un método fácil para capturar de datos. Un formulario está por lo tanto compuesto de campos, a su vez y dependiendo el tipo de campo, la respuesta puede ser libre (introducida por el usuario) o puede ser seleccionada a partir de una lista, como por ejemplo ¿Dispone de carnet de conducir?, SI-NO.

Existen hasta 9 tipos de campos que te resumo a continuación:

  1. Campo Texto
    Ideal para solicitar nombre, apellidos, correo electrónico, asunto, etc. Admite validadores que permiten notificar si el dato introducido no es acorde. Por ejemplo un correo electrónico no válido o introducir número es una casilla donde se esperan letras.
  2. Campo Texto de Párrafo
    Es un campo libre, ideal para solicitar notas, observaciones, pregunta, en definitiva un texto amplio de tipo párrafo.
  3. Campo Tipo Test.
    Por ejemplo el típico Si, No, No responde, o por ejemplo Hombre, Mujer. Al marcar una respuesta se excluyen las otras.
  4. Campo Tipo Casilla de Verificación.
    Para cuando existe la posibilidad de seleccionar varias respuestas posibles, por ejemplo ¿En qué ciudades españolas has vivido?
  5. Campo Tipo Elegir de una Lista.
    Se presenta como un desplegable, ofrece todas las posibilidades pero sin embargo solo es posible elegir una de las respuesta. Por ejemplo País de Nacimiento.
  6. Campo Tipo Escala.
    Para cuando tienes por ejemplo que elegir del 1 al 5 en preguntas donde te piden valoración.
  7. Campo Tipo Cuadrícula.
    Cuando el valor viene dado por una matriz formada por filas y columnas. No se suele ver mucho pero es una posibilidad más que tenemos.
  8. Campo Tipo Fecha
    Ideal para cuando necesitas recoger una fecha, el usuario podrá indicar el día, mes y año a partir de unos desplegables. Opcionalmente puede indicar si muestras también la hora.
  9. Campo Tipo Hora.
    Al igual que ocurre en el caso anterior, permite al usuario introducir datos de horas

Podemos combinar todos estos tipos de campo en un único formulario. Si es formulario es muy largo puede ser distribuido en diferentes páginas, de manera que una vez cumplimentada la primera página debes avanzar a la siguiente.


¿Donde se guardan los datos recogidos a través de un formulario de Google Drive?

Cada formulario que crees, generará automáticamente un archivo tipo hoja de cálculo, eso quiere decir que cuando un usuario cumplimenta un formulario y pulsa el botón de envíar, sus datos van a parar a esta hoja de la que hablamos.

¿Es posible recibir una notificación via email cuando un usuario cumplimenta el formulario?

Si es posible y además creo que en la mayoría de los casos es necesario, a menos que el formulario esté destinado a recoger métricas de tu propio blog como por ejemplo nº de seguidores mensual, en este caso como eres tu mismo quien cumplimenta el formulario, no es necesario dicha notificación. Veremos cómo configurarlo en el siguiente tutorial.

Dos consejos a tener en cuenta antes de comenzar


Consejo 1 - Formularios largos mejor primero en papel

Si vas a crear un formulario con más de 5 o 6 preguntas es recomendable que lo diseñes previamente en papel. Anota el enunciado de cada pregunta y sus posibles respuesta. Ese diseño en papel te servirá de guía posteriormente.

Consejo 2 - Crea carpetas en Google Drive para organizar tus archivos

Organiza tu Google Drive mediante carpetas tal y como harías si estuvieras trabajando en tu ordenador. Ejemplo, si tienes una empresa y vas a crear formularios es posible que te interese crear una carpeta por cada departamento.


Tutorial práctico, integrando Google Drive Formulario y Blogger

Llegados a este punto, vamos a poner en práctica este tutorial. Para ello te propongo hacer todo el ejercicio completo, desde crear un nuevo formulario hasta integrarlo en Blogger. Al final te ofreceré un enlace al formulari de ejemplo que he creado para ti.

Paso 1. Crear un nuevo formulario en Google Drive

Sigue estos pasos para crear tu primer formulario, piensa que será el que usarás para luego insertar en tu blog.
  1. Accede a Google Drive
  2. En el panel de la izquierda, pulsa el botón crear
  3. En el menú que se muestra, haz clic en Crear nuevo formulario
  4. Se abrirá una nueva ventana donde deberás indica el nombre del formulario y una plantilla para de estilo. Yo he aplicado la plantilla Encabezado azul. Esto es algo que puede cambiarse posteriormente. Presiona el botón de Aceptar
  5. Se abre el diseñador de formulario. Verás el nombre indicado anteriormente y resto de datos. Tienes un campo por defecto, puedes editarlo y cambiar el tipo de respuesta. En la parte inferior tienes un desplegable con todos los tipos de respuestas y otros elementos a insertar en el formulario.
  6. A medida que vas trabajando, el sistema va guardando, presiona el botón Ver el formulario publicado para ver una vista previa funcional del mismo.
  7. Si no te gusta el diseño, tienes el botón Diseño: para elegir otras plantillas.
Ahora es cuestión de crear todos y cada uno de los campos. Fíjate que al pie del diseñador de formulario tienes una sección llamada Página de confirmación. Puedes personalizar el mensaje que verán los usuarios una vez enviado el formulario y además puedes marcar tres opciones.

  1. Mostrar enlace para enviar otra respuesta. Ideal para aquellos casos donde se necesita rellenar formularios de manera mecánica por parte del usuario.
  2. Publicar y mostrar un enlace a los resultado de ese formulario. Permite ver las respuestas enviadas a modo de estadística
  3. Permitir que los encuestados editen las respuestas después de enviarlas. Todos podemos equivocarnos, con esta opción das pie a que el usuario pueda cambiar su respuesta enviada.

En nuestro ejemplo la hemos marcado las tres. Además nuestro formulario de ejemplo contiene dos páginas, en la segunda tienes un vídeo incluido. Haz clic aquí para acceder al formulario de ejemplo que te hemos preparado.

Paso 2. Vincula el formulario con una hoja de datos para guardar los resultados

Antes de cerrar el formulario para hacer las primeras pruebas, presiona el botón Seleccionar destino de las respuesta y se mostrará un nuevo asistente, donde básicamente debes darle al botón Crear para asociar el archivo hoja de cálculo que actuará como contenedor. Mira la siguiente imagen:




A continuación te muestro una imagen donde pueden verse dos archivos, uno es el formulario, se llama Ejemplo Formulario iniciaBlog y el otro es el contenedor donde van a para las respuesta, se llama Ejemplo Formulario iniciaBlog (respuestas)

Paso 3. Incrusta el formulario en tu blog

Llegados a este punto, tienes el formulario definido y éste cuenta ya con su contenedor, lo que vamos a hacer a ahora es obtener el código para integrarlo en tu blog

  1. Haz clic en tu formulario para abrir el diseñador
  2. Haz clic en el botón que pone Enviar
  3. Encontrarás otro botón llamado Incrustar
  4. Se mostrará otro diálogo con el código de tipo iFrame donde puedes especificar el Ancho y el alto.
  5. Cuando tengas tu configuración, deberás copiar el código HTML que te ofrece la propia página. Copia y deja la pestaña con esta herramienta abierta.


Paso 4. Integrar el formulario en Blogger

Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).

A continuación te ofrezco unos pasos rápidos para crear tu página pero si nunca lo has hecho antes, te invito a que leas este artículo para completar estos pasos.


  1. Accede a Blogger
  2. Selecciona tu blog
  3. Haz clic sobre el apartado Páginas, a la izquierda
  4. Haz clic en el desplegable Página nueva y selecciona Página en Blanco
  5. Se abrirá el editor de páginas (muy similar al de post)
  6. Pon un título a tu página (Encuesta o formulario de contacto)
  7. Haz clic en el botón HTML
  8. Pega el código que tienes en el portapapeles
  9. Haz clic en el botón Publicar
  10. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable Mostrar páginas como  y selecciona Pestañas principales.
  11. Visualiza tu blog y accede a tu nueva página donde muestras el formulario

Enhorabuena!, has terminado la integración de Google Drive Formulario en Blogger.

Los cambios que efectúes en el formulario se reflejarán automáticamente en tu blog. En este caso hemos integrado el formulario dentro de una página de Blogger pero si lo desea puedes ofrece simplemente un enlace hasta el formulario, ese enlace lo tienes una vez que presiones el botón Enviar formulario.

Conecta con el centro de ayuda de Google Drive con el fin de acceder a la documentación oficial

Ejemplo de formulario de muestra de iniciaBlog

Este es mi formulario de ejemplo. En este caso lo he incrustado en un post. También puedes verlo accediendo a este enlace. Te he puesto el tipo de respuesta bajo cada pregunta, y ahora solo te queda cumplimentarlo.




Cómo activar las notificaciones por email (Opcional)

Sabiendo que los resultados de cada formulario enviado se guardan en una hoja de cálculo, aplicamos lo aprendido en este otro tutorial y para completar esta publicación, lo que he hecho es insertar aquí la hoja de cálculo con las respuesta. Una vez cumplimentado el formulario verás tu respuesta en la siguiente hoja:

Cómo activar las notificaciones por email

Por cada formulario enviado, el sistema creará un nuevo registro en una hoja de cálculo automáticamente. Sigue estos pasos para configurar el sistema de notificaciones y que te avise mediante un email que tienes un nuevo contacto.

Vuelve a Google Drive y haz clic sobre la hoja de cálculo asociado al formulario, en mi caso Ejemplo Formulario iniciaBlog (respuestas) 
  1. Ve al menú Herramientas y haz clic en Reglas de Notificación... 
  2. Marca las opciones tal y como aparece en el siguiente gráfico:
Una vez configurado las notificaciones solo tienes que realiza una prueba...rellenado tu mismo el formulario.

10 cosas que se pueden hacer con los formularios de Google Drive

  1. Formularios multi páginas
  2. Dependiendo el tipo de respuesta realizada en una pregunta es posible navegar hasta una página en particular
  3. Puedes mostrar una barra de progreso. Tiene sentido en formulario con varias páginas
  4. Puede indicar si las respuestas son obligatorias u opcionales
  5. Puedes incluir video y fotos
  6. Puedes crear secciones dentro de una misma página
  7. Puedes recibir notificación de un envio de formulario via mail
  8. Puedes personalizar el mensaje que se muestra al usuario una vez enviado el formulario
  9. Puedes obtener un código tipo iframe para incrustar en tu blog o web
  10. Puedes aplicar una plantilla predefinida y el resultado cambia estéticamente

10 cosas que no se pueden hacer con los formularios de Google Drive

  1. Indicar una página de destino al presionar el botón enviar
  2. Adjuntar una imagen como respuesta. No soporta upload. Sin embargo para estos caso te recomiendo mira esta aplicación también para Google Drive.
  3. Respuesta directa a un remitente al solicitar su email desde el correo electrónico
  4. El grado de personalización de los mensaje de campo obligatorio no es elevado
  5. No puedes quitar el logo de Google Drive
  6. No puedes personalizar los textos que figuran al pie
  7. La cantidad de plantillas disponibles tampoco es muy grande
  8. No puedes cambiar los tipos de letra (solo aplicando una plantilla)
  9. No puedes cambiar el fondo del formulario (solo aplicando una plantilla)
  10. Destino un correo electrónico en lugar de una hoja de cálculo

12 sept 2013

Al comienzo de esta serie de artículos dedicados a la integración entre Blogger y las herramientas productivas y colaborativas de Google, te comentaba que la finalidad es llevarnos literalmente la oficia a la nube.

Las hojas de cálculo son una parte fundamental de la gestión de cualquier actividad o negocio por pequeño que sea. Desde una simple hoja con los resultados de una actividad deportiva hasta complejos análisis financieros, pasado por encuestas de satisfacción o un listado de precios.

En este nuevo tutorial, veremos el procedimiento completo para integrar en tu blog una hoja de cálculo, de manera que podrás compartir con tus seguidores/clientes/socios los datos que tu quieras.

Blogger y las Hojas de cálculo de Google Docs

¿Qué es Google Google Docs?

Google Docs es un conjunto de herramientas que te permitirán crear y editar hojas de cálculos, documentos, presentaciones y formularios, entre otros. Google Docs se encuentra integrado en Google Drive, que es algo así como una unidad de almacenamiento donde crear documentos, carpetas e incluso donde alojar copias de seguridad de archivos de tu ordenador.

Por lo tanto para crear una nueva hoja de cálculo o para importar una hoja creada con Microsoft Excel, debemos acceder a Google Drive.

Video tutorial, integrando una hoja de cálculo en Blogger

La empresa Aeege, expertos en Google Apps y Cloud Computing, ha producido un video exclusivo para los seguidores y lectores de iniciaBlog, donde se muestra todo el proceso completo, desde la creación de una hoja de cálculo hasta la integración en Blogger. Es por ello por lo que te invito a que primero veas el video y luego sigas con el resto de esta publicación.



¿Qué características están asociadas a una hoja de cálculo de Google Docs?

Esta son algunas de las características más importantes.
  • Manejo similar a Microsoft Excel. (arrastrar fórmulas, formato condicional, bloqueo de celdas, etc.)
  • Podrás compartir toda la hoja, pestañas o incluso rango de celdas
  • Puedes insertar gráficos dinámicos asociados a tus datos.
  • Informe de tabla dinámica
  • Puedes compartirla con otros usuarios en modo solo lectura o edición. 
  • Tienes reglas de notificación de cambios
  • Puedes insertar comentarios
  • Puedes insertar imágenes, presentaciones y dibujos
  • Puedes insertar un formulario (esto lo veremos en el próximo artículo)

¿Dónde se almacena mis hojas de cálculo?

Se almacenan en Google Drive, donde puedes crear carpetas y subcarpetas y organizar toda la información como quieras. Esta unidad de almacenamiento es de 15 GigaBytes gratuito. Este espacio es además el que se usa para tu correo de GMail y para las copias de seguridad de tus fotos de Google+, solo si estas superan los 2048x2048, consumiran espacio. Mas información sobre la administración de este espacio aquí.


Tutorial práctico, integrando Blogger y Google Docs - Hoja de cálculo 

Llegados a este punto, vamos a poner en práctica este tutorial.

Paso 1. Crear / Importar una hoja de cálculo y obtener el código para insertarla en Blogger.


  1. configuracion google apps hoja de calculo
    Abrir la hoja de calculo desde google docs, puede ser una hoja de cálculo creada desde Docs o un archivo subido desde su ordenador (tal y como hemos visto en el video).
  2. Una vez que tengas la hoja, haz clic al menú archivo y luego en la opción publicar en la web.
  3. Se mostrará un diálogo, haz clic en Iniciar publicación con la opción volver a publicar automáticamente cuando se hagan cambios seleccionada.








  1. En las opciones que aparecerán debe ir a Obtener un enlace a los datos publicados y allí elegir la opción código HTML para insertar en una pagina web (por defecto aparece la palabra "pagina web").
  2. Ahora debe copiar el código que esta en la opción “embed”, que es del tipo:


    <iframe frameborder="0" height="300" src="https://docs.google.com/spreadsheet/pub?key=0Al7OIV-ZyQBHdDdaWUhfTk9rSVFITXJ6X2tGMG5vQ3c&amp;output=html&amp;widget=true" width="640"></iframe>


    Paso 2. Crear un post o una página en Blogger e insertar la hoja de cálculo

    Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).

    A continuación te ofrezco unos pasos rápidos para crear tu página pero si nunca lo has hecho antes, te invito a que leas este artículo para completar estos pasos.

    1. Accede a Blogger
    2. Selecciona tu blog
    3. Haz clic sobre el apartado Páginas, a la izquierda
    4. Haz clic en el desplegable Página nueva y selecciona Página en Blanco
    5. Se abrirá el editor de páginas (muy similar al de post)
    6. Pon un título a tu página (Calendario, Cursos, Campeonatos....)
    7. Haz clic en el botón HTML
    8. Pega el código que tienes en el portapapeles
    9. Haz clic en el botón Publicar
    10. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable Mostrar páginas como  y selecciona Pestañas principales.
    11. Visualiza tu blog y accede a tu nueva página donde muestras el calendario

    Enhorabuena!, has terminado tu primera integración de una hoja de cálculo de Google Docs en Blogger



    Ejemplo de hoja de cálculo de muestra insertada en este post

    Este es mi ejemplo, es una hoja de cálculo que muestra las referencias de productos en oferta.
    Corresponde al código que obtienes en el último punto del paso 1 y que puedes usar a modo de ejemplo.


    Antes de despedirme, quiero agradecer públicamente por todo el esfuerzo hecho al equipo de Aeege para la elaboración del video tutorial y parte de este artículo. Espero que te haya gustado y que puedas aplicarlo. Comenta aquí tus impresiones, gracias.

    ¿Qué te ha parecido el tutorial?, ¿Conocías Google Docs - Hojas de cálculo?, ¿Lo has aplicado en tu blog?



    4 jul 2013

    Una de las necesidades iniciales que nos surgen después de crear el blog y una vez roto el hielo con las primeras entradas o publicaciones, es la creación de secciones o páginas. Estas páginas nos permitirán construir una división horizontal del blog. Si te fijas, en iniciaBlog.com verás que tengo un menú de navegación que permite acceder a por ejemplo las páginas: ContenidosAcerca de, Política de Cookies, etc.

    En este tutorial te mostraré qué tipos de páginas puedes incluir tu blog, con el fin de ofrecer una estructura sólida y hacer más accesible la información,  invitando al lector a que conozca más sobre tu blog y sobre ti.


    NOTA IMPORTANTE:
    Mi nombre es Jesús González y soy el autor de iniciaBlog. Si estás buscando una herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto con mi equipo he desarrollado BlogsterApp - Te invitamos a conocer este nuevo servicio. Pruébalo ahora con tu blog de manera gratuita.
    Un abrazo, Jesús Gonzalez, autor de iniciaBlog y BlogsterApp.


    Cómo crear páginas en Blogger

    ¿Qué páginas puede tener tu blog?

    A continuación te enumero una lista de posibles páginas que puedes tener en cuenta para el diseño de tu blog, así como una breve descripción de su finalidad y objetivo.

    1. Página "Acerca de / Sobre mi"

    Tiene como principal objetivo transmitir información sobre del blog, sus contenidos y sobre el autor. Con el tiempo es ideal para ir poniendo los diferentes logros alcanzados, así como un resumen de los medios sociales a través de los que pueden seguirte. Considera  también incluir una buena foto de perfil y enlaces a tu curriculum en Linkedin. Mira este ejemplo.

    2. Página "Contenidos"

    Dependiendo de la temática del blog, es ideal ofrecer a tu lector una página a modo de índice que permita acceder a cualquier artículo publicado. En mi caso, el contenido de mi página de contenidos es manual, es decir, cuando publico un nuevo post, edito la página de contenidos y lo agrego. También es posible insertar un código JavaScript en una página en blanco y éste crea un índice de contenidos de tu blog a partir de las etiquetas de tus publicaciones, por ejemplo este tutorial (en inglés)

    3- Página "Contacto"

    El contenido más habitual es un formulario de contacto que conste de cómo minimo el campo nombre, email (al cual vas a responder) y un campo donde poner el mensaje. Recuerda que se considera una mala práctica hacer público tu email de contacto, en su lugar debes incorporar este formulario en tu blog. Para mi este es uno de los cinco elementos que no pueden faltar en tu blog.

    4. Página "Privacidad"

    Es altamente recomendable, sobre todo si tienes el formulario de contacto, es ideal para transmitir transparencia en cuanto al tratamiento de la información. Revisa mi política de privacidad, cópiala y adáptala a tu blog. También revisa la política de cookies

    5. Página "Próximos contenidos"

    Puede resultar sumamente interesante ya que puede causar expectación por tus próximas           publicaciones. Debe ser muy dinámica y es ideal para que tus lectores sugieran próximos temas. En iniciaBlog la tuve, pero nunca me llegó a funcionar del todo bien, sin embargo sigo pensando que es muy interesante

    6. Página "Recursos/Descargas/Herramientas"

    La idea de este tipo de página es centralizar aquello que aporte valor añadido a quien te visita, por ejemplo eBooks de tu misma temática, plantillas, libros y etc. En mi caso tengo Mis herramientas donde voy creando a modo de índice aquellas herramientas o servicios que mencino.

    7. Página "Logros y reconocimientos"

    ¿A quién no le gusta exponer sus logros y premios?, otra cosa es que estos lleguen, si es así puede ser una buena estrategia unificarlos en una página específica. En mi caso, este tipo de contenido lo tengo en el acerca de..

    8. Página "Testimonios"

    Un buen comentario, una mención o una publicación que hable de ti o de tu blog es algo que merece ser compartido. La finalidad de esta página es aumentar la confianza y puede convertirse en un gran aliado para la venta, en mi caso es una asignatura pendiente, esta es mi página de bienvenido donde tengo los testimonios. Un tema relacionado es ver cómo incrustar un tuit en tu blog 

    9. Página "Compra/Productos/Servicios"

    Podrías tener muy muy localizado los productos asociados a tu blog. En el caso de un blog de decoración o de manualidades podrías colocar fotos de aquellos productos de los que aceptas un pedido. Un buen recurso si quieres vender productos a través de tu blog son los botones de compra de PayPal, ya que la seleccion de productos se hace desde tu blog, pero la trasanción se realiza en los servidores seguros de PayPal.

    10 Página "Trabajos/Ponencias"

    Si tienes un blog donde además de compartir, expones tus mejores trabajos, es ideal que éstos estén unificados bajo una sección única. 

    11. Página con contenido agrupado por etiquetas

    Es muy útil cuando quieres ofrecer todas las publicaciones filtradas por una etiqueta. Por ejemplo si estamos en un blog de cocina, puedes crear estas páginas Carnes, Aves, Pescados, Postres, etc. Cuando hagas clic verás tus publicaciones agrupadas por etiquetas. Para crear páginas del tipo enlace te recomiendo veas este otro tutorial donde encontrarás un nuevo video explicativo.

    Otras páginas o secciones a considerar para tu blog:

    • Agenda. Podrías incrustar Google Calendar en Blogger
    • Noticias. Podrías incrustar un RSS de algún medio de comunicacion.
    • Canal de YouTube. Podrias incrustar tu canal de Youtube
    • Conferencias. Podrías tener un resumen de conferencias e incluso incrustar presentaciones
    • Dónde estamos: Podrías incrustar un mapa de Google Maps
    • Mi Web: Por ejemplo una página con un enlace hasta tu sitio web corporativo

    Dos tipos de páginas

    Una vez visto las posibles páginas y su finalidad, debes sabes que existes dos tipos de página:
    1. La página en blanco 
      Son las más habituales, su contenido lo editas directamente con el editor de Blogger.
    2. Dirección web
      No es más que un enlace, bien a un recurso externo a tu blog o bien un enlace interno, por ejemplo para mostrar las entradas filtradas por una etiqueta.

    Cómo crear una nueva página en blanco para darle contenido

    Creación de páginas en Blogger

    Sigue estos pasos:

    1. Accede al escritorio de Blogger y selecciona tu blog
    2. En el menú vertical de la izquierda, haz clic en Páginas
    3. Haz clic en Página nueva y selecciona del desplegable Página en Blanco
    4. Accederás al editor,
    5. En el título de la página pon un título sencillo (mejor si es una sola palabra) para que la dirección de la misma sea lo más simple posible, luego siempre podrás cambiar este título. Por ejemplo escribe en el título "Acercade" todo junto, una vez publicado podrás actualizar la página y editar el título.
    6. Escribe el contenido como si de una publicación se tratara.
    7. Decide si vas a permitir comentarios o no en la página y usa las opciones que tienes en el panel de la derecha del editor de páginas para configurar este aspecto.
    8. Publica la página y volverás al listado anterior
    9. Haz clic en mostrar páginas cómo y selecciona Pestañas principales
    10. Presiona el botón Guardar disposición y visualiza tu blog
    ¡Listo!, ya tiene el comienzo de tu propia barra de navegación. Repite estos mismos pasos para seguir creado el resto de páginas en las que el contenido depende de ti mismo. Blogger admite hasta 20 páginas.

    Cómo crear una nueva página que muestre tus publicaciones agrupadas por etiquetas

    Imagina que quieres crear secciones bien diferenciadas a patir de las etiquetas que pones en cada uno de tus artículos. Si estamos hablando de un blog de cocina, seguramente te interesa una sección de postres, otra de pastas, carnes, aves, etc. Estoy seguro que has tenido el cuidado de asignar etiquetas a cada una de tus publicaciones para poder clasificar la información. En ese caso, solo tienes que:
    1. Visualizar tu blog
    2. Haz clic en una de esas etiquetas situadas al pie de una de tus entradas
    3. Copiar la url, la que se muestra en la barra de dirección de tu navegador
    4. Crear una nueva página, pero desde el Gadget de Paginas en la vista Diseño de tu blog.
    5. Le ponemos un título, equivalente a la etiqueta que has copiado
    6. Pegamos la dirección web en la casilla correspondiente
    7. Guardamos y visualizamos el blog.
    Nota. La interfaz de Blogger ha cambiado con respecto a las páginas de enlaces. Si estas interesado en estas, por favor mira este otro tutorial que contiene un nuevo video explicativo "Cómo etiquetar tu entradas y organizarlas en pestañas"

    Cómo seleccionar qué paginas mostrar en el menú de navegación

    Puede darse el caso de crear una nueva página pero queremos que ésta no se muestre en el menú de navegación, por ejemplo la página de Privacidad, a la cual se puede acceder desde otro enlace al pie del blog de maner más discreta. En este caso sigue estos pasos:

    1. Ve a la pestaña Diseño
    2. Haz clic en editar el Gadget de Páginas (situado en la parte superior del diseño de tu blog)
    3. Mediante la casilla de verificación puedes decidir si la página forma parte del menú o no
    4. Arrastra las páginas para establecer el orden en la que aparecen
    5. Guarda, guarda disposición y visualiza tu blog.

    Bonus - Video tutorial

    Todo lo visto en este artículo vamos a repasarlo nuevamente, para ello he grabado este vídeo tutorial donde verás tres ejercicios diferentes en el blog de pruebas de iniciaBlog. Espero que te guste!


    ¿Qué otras páginas se te ocurren?, ¿conocías esta característica de Blogger?

    23 jun 2013

    Estos días he aprovechado para volver a revisar el índice de contenidos de iniciaBlog y me he dado cuenta de que no tenía un artículo específico que muestre cómo crear un blog en Blogger. Si bien he mencionado al asistente de creación de blogs de Blogger en varias ocasiones, tengo que reconocer que no te he acompañado justo en ese proceso.

    En esta publicación repasaremos los aspectos más importantes a tener en cuenta a la hora de crear un nuevo blog, a partir del cual podrás ir aplicando mis tutoriales.

    Si estás leyendo esta entrada y aún no tienes muy claro qué es un blog o qué plataforma es la mejor Blogger o Wordpress, te invito a que los leas previamente, también te invito a conocer un poco más acerca de iniciaBlog. Si decides crear tu blog usando Blogger, te doy la bienvenida ya que en el índice de contenidos de iniciaBlog encontrarás numerosos tutoriales prácticos.


    NOTA IMPORTANTE:
    Mi nombre es Jesús González y soy el autor de iniciaBlog. Si estás buscando una herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto con mi equipo he desarrollado BlogsterApp - Te invitamos a conocer este nuevo servicio. Pruébalo ahora con tu blog de manera gratuita.
    Un abrazo, Jesús Gonzalez, autor de iniciaBlog y BlogsterApp.


    Cómo crear un blog en Blogger
    Cómo crear un blog en Blogger


    Esta publicación se basa en más de 2 años de experiencia como blogger, con los consejos que vas a encontrar evitarás errores que yo he cometido, por esto te pido que leas el artículo completo y con calma antes de iniciar tu aventura/proyecto/negocio/estilo de vida.

    Para aquellos que me siguen sabrán que intento en todo momento ser lo más práctico y didáctico en cada una de mis publicaciones y este caso no podía ser menos, es por ello por lo que te anuncio que vamos a crear juntos un nuevo blog, vamos a crear el blog de pruebas de iniciaBlog, el cual me servirá como base para grabar video tutoriales donde muestre cómo ir poco a poco aplicando los tutoriales de iniciaBlog, así que ¡vamos allá! (en este momento deberías frotarte las manos y beber un sorbito de café o de alguna otra bebida que tengas a mano)

    Antes de crear un nuevo blog debes tener clara la URL o dirección

    Ya verás que solo hace falta indicar tres parámetros para crear un nuevo blog en Blogger, de los tres el que tienes que tener claro es la dirección de tu nuevo blogBlogger te va a asignar una dirección gratuita terminada en .blogspot.com, por ejemplo iniciaBlogDemo.blogspot.com. Luego en un futuro siempre podrás optar por pasarte a un dominio de pago, del tipo .com. .net. .org. etc, pero siempre vas a empezar por un blogspot.com que es totalmente gratis.

    ¿Por qué es tan importante la URL del nuevo blog?

    La dirección de tu blog es aquella a la que invitarás a tus amigos y familiares, será la dirección que vas a mostrar en tus tarjetas de visita  y es la dirección que vas a tener dar a conocer al mundo entero, si vas a ser mamá o papá es como el nombre de tu futuro bebé :).

    Consejos para definir una dirección del blog

    Consejo número 1. La dirección debe contener al menos una palabra clave por la que quieres posicionarte. Ejemplo, vamos a crear un blog de recetas de cocina, es ideal entonces usar la palabra recetas, por ejemplo todorecetas.blogspot.com o recetasfaciles.blogspot.com o blogderecetas.blogspot.com, misrecetas.blogspot.com. Lo que intento decirte, es que tienes que tratar de lograr que simplemente leyendo la dirección de tu blog, debo hacerme a la idea de lo que voy a encontrarme. Esta es la estrategia más tradicional, no debes abusar del uso de palabras claves en el nombre de domino. 

    Otra estrategia es tirar por la originalidad de un nombre de dominio fácil de recordar pero que no contiene palabras claves como por ejemplo Twitter, Android, Yahoo!, Google...no es fácil, siguiendo con el empleo de un blog de cocina podríamos intentarlo con...tic,tac,tic,tac...mejor sigo escribiendo. Más información

    Consejo número 2. Debe ser un nombre lo más corto posible y fácil de recordad. 

    El propio asistente de creación de blog te indicará si la dirección que has indicado está libre, en ese caso podrás continuar. En el caso de que la dirección de blogspot esté siendo usada no podrás utilizarla y tendrás ir improvisando nuevos nombres sobre la marcha, siempre teniendo encenta estos dos consejos. 

    Nota: Si tu intención es hacerte un un dominio de pago (.com, net, .org, etc) deberás hacer este mismo ejercicio con el dominio final, debes asegurarte que esté libre, que sea un nombre corto, fácil de recordad y que contenga alguna palabra clave que corresponda con el contenido que vas a publicar. Si tu proyecto va en serio, yo que tu no tardaría mucho en adquirirlo y pasar el blogspot.com al .com

    El título del Blog y la plantilla inicial

    El título

    El título del blog será otro de los parámetros que vas a tener que indicar y éste podrás cambiarlo fácilmente una vez creado, es más posiblemente te pase como a mi que a medida que pasa el tiempo lo vas retocando y mejorando, en mi caso el título actual es iniciaBlog - Te ayuda con Blogger para mejorar tu blog.

    La plantilla inicial

    Blogger dispone de varias plantillas de serie que puedes aplicar a tu blog. Estas plantillas soportarán la estructura y aspecto de tu blog. Además de las plantilla, Blogger incorpora un Diseñador de Plantillas con el que podrás personalizar el fondo, los colores, el tipo de letra, etc., siempre y cuando tengas una de las plantillas que ofrece el sistema por defecto. Mi recomendación en este caso es que uses una Plantilla Simple, es la más neutra de todas. Las plantillas dinámicas son una innovación de Blogger, estas plantillas son muy rápidas, están actualizadas desde el punto de vista SEO, pero no admite personalización en su HTML y lo más importante no incorporan al blog una estructura estándar de lo que se supone que es un blog. Puedes cambiar, jugar y probar diferentes plantillas incluso una vez creado tu blog, por lo que puedes empezar por la plantilla simple y luego probar otras.

    ¿Qué necesitas?

    Necesitas disponer de una cuenta de Gmail, nada más, bueno si, otra cosa más para que lo pienses, es ideal que no mezcles tu cuenta personal con la cuenta de tu blog, es decir yo tengo dos cuentas de Gmail, la mía personal y otra cuenta que es con la que administro mi blog y los contactos del mismo. De esta forma separo una actividad de la otra. Hazte con una cuenta de Gmail que siga el mismo nombre de tu blog, ejemplo misrecetas@gmail.com. Es solo un consejo para que lo tengas en cuenta, en un futuro puedes agregar cualquier otra cuenta de Gmail como cuenta administradora

    Creando un nuevo blog, creando el blog de pruebas de iniciaBlog

    Tal y como te he comentado antes, vamos a crear un nuevo blog juntos, será el blog de pruebas de iniciaBlog. He grabado el proceso de creación de manera que puedas examiar este video siempre que quieras. Espero que te guste y no olvides suscribirte mi boletín para recibir gratis las nuevas publicaciones de iniciaBlog. Gracias



    ¿Qué te ha parecido?¿Qué otra recomendación harías a alguien que está empezando?¿Te ha gustado el video? ¿Qué te parece la idea insertar un video en cada artículo de iniciaBlog?


    24 sept 2012

    Un verdadero placer compartir tanto con Felipe Calvo, colaborador principal de Blogger, como con Javier Iglesias, del Equipo de Blogger este Hangout. El primero sobre Blogger para usuarios en español. 

    15 jul 2011

    Las etiquetas asociadas a cada entrada del blog son sumamente importantes ya que permiten clasificar la información publicada. Esta clasificación permitirá posteriormente filtrar los artículos con determinadas etiquetas o categorías.

    5 mar 2011

    Los iconos sociales del tipo "Sígueme" permite a los lectores de tu blog enlazar con los diferentes perfiles sociales Twitter, Facebook, RSS, Google+,Pinterest, Youtube en los que tienes presencia.

    Si eres nuevo y no conocidas iniciaBlog,  me gustaría darte la bienvenida y contarte que en este blog podrás encontrar multitud de tutoriales para tu blog usando Blogger, por lo que te invito a visitar el índice de contenidos para descubrir nuevos temas.


    NOTA IMPORTANTE:
    Mi nombre es Jesús González y soy el autor de iniciaBlog. Si estás buscando una herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto con mi equipo he desarrollado BlogsterApp - Te invitamos a conocer este nuevo servicio. Pruébalo ahora con tu blog de manera gratuita.
    Un abrazo, Jesús Gonzalez, autor de iniciaBlog y BlogsterApp.

    ¿Cómo poner el botón de...:?

    Premio Bitácoras

    Aviso Legal

    Licencia Creative Commons
    iniciaBlog - Te ayuda con Blogger a mejorar tu blog
    iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
    Basada en una obra en www.iniciablog.com.

    Creado por Jesús Manuel González Fuentes

    Política de Privacidad de iniciaBlog | Política de Cookies
    2023 © Jesús Manuel González Fuentes es el autor de iniciaBlog.com
    Tema creado por Way2themes y adaptado por inciciablog