Blogger por dentro

Los blogs de Blogger tienen, como todos los gestores de contenido, la parte privada de la administración, donde se escriben las entradas, se configura el blog y se modifica el diseño. En Blogger, la estructura de la administración del blog está dividida en cinco secciones de momento, que se corresponden con las cinco pestañas que destacan en la parte superior. Resulta útil esta división visual, porque así sabemos dónde nos encontramos. Además, Blogger sólo incluye aspectos básicos de la estructura de un blog, y deja para otros gestores una sofisticación que no siempre es positiva. Se echan de menos un par de cosas, pero en general este gestor está pensado para que sea sencillo de utilizar y para que sea inmediatamente productivo. El presente artículo está pensado como continuación de Cómo crear un blog en Blogger.

1. Añadir gadgets al blog

Para cambiar el diseño del blog, podemos acceder desde la sección Diseño o desde el enlace del mismo nombre que hay en el Escritorio y en la barra superior del blog. En esta sección tenemos la posibilidad de añadir y organizar elementos de la página, una forma intuitiva de incluir nuevos elementos al blog. Pero para ello hace falta tener claro cómo es el diseño de un blog normal como el mío: la cabecera, la entrada y el lateral. Los gadgets pueden incluirse en la cabecera, el pie o el lateral, pero lo más habitual es ponerlos en el lateral del blog.

Los gadgets son unos elementos relativamente nuevos en la Web que la Wikipedia define como "dispositivo que tiene un propósito y una función específica, generalmente de pequeñas proporciones, práctico y a la vez novedoso". Son muy conocidos los de Google, y también los de Blogger, entre los que se incluyen los primeros, cientos de pequeños dispositivos que nos pueden ayudar en muchas tareas relativas al blog o a sus contenidos y tienen un carácter principalmente informativo. Su facilidad de uso y de configuración ha provocado literalmente la invasión de los gadgets, de forma indiscriminada algunas veces.

Ésta es la opción más impresionante que tienen los blogs de Blogger y con ella se añaden elementos al lateral del blog principalmente, pero también se pueden añadir al pie de la página. En la página de diseño de mi blog, se pueden ver los gadgets en el lateral, en forma de cuadros blancos, que representan los verdaderos gadgets que se muestran en el lateral de mi blog. Se pueden ordenar arrastrándolos arriba y abajo con el puntero del ratón.

Para ver cómo funciona, he creado este videotutorial en el que añado una lista de blogs favoritos en el lateral de mi blog. El diseño que aparece de fondo es el del antiguo Blogger, pero el manejo de los gadgets no ha cambiado. El vídeo se puede ver a mayor tamaño en mi canal de vídeo de Vimeo.

Para añadir estos gadgets al blog hacemos clic en el enlace Añadir un gadget, que está en la sección Diseño del blog, y aparecerá una ventana nueva. Estos elementos se crean y se configuran automáticamente o mediante algunos códigos de lenguajes que se utilizan en la Web como, por ejemplo, HTML y JavaScript. Su configuración en algunos casos es automática o requiere sólo unos cambios muy sencillos. Existen varias secciones en el lateral de navegación de esta ventana, una lista casi interminable de gadgets, que aumenta constantemente. Pero aquí vamos a nombrar los más importantes dentro de los básicos, los gadgets que son imprescindibles para cualquier blog, algunos de los cuales ya vienen añadidos cuando creamos un blog de Blogger:

1. Perfil: muestra nuestro perfil de Blogger, y es importante para que nuestros lectores nos conozcan mínimamente.
   
2. Archivo del blog: clasifica las entradas del blog por meses y años, y las enlaza en el lateral del blog para que se pueda acceder a ellas rápidamente.
   
3. Etiquetas: muestra las etiquetas que hemos incluido en las entradas para clasificarlas.
   
4. Listas: hay varios gadgets de lista de libros, de blogs y de enlaces, que siempre son imprescindibles para que exista una mínima comunicación entre blogs.
   
5. Cuadro de búsqueda: muy útil para que los lectores busquen contenidos en el blog.
   
6. Seguidores: un gadget muy original que permite una especie de suscripción al blog por parte de los lectores.
   

Con otros gadgets se pueden incluir muchos elementos personalizados, pero a veces se requieren ciertos conocimientos sobre HTML. En el siguiente ejemplo sólo se requiere saber escribir. Probemos a incluir un texto sencillo que defina nuestro blog y que lean los visitantes. Para ello elegiremos el gadget Texto y haremos clic en la imagen de la izquierda o en el signo + de la derecha. A continuación nos aparecerá una ventana como la siguiente, donde configuraremos el texto:

En el editor escribiremos un título y un texto que podremos formatear con algunos botones. Cuando hacemos clic en Guardar cambios, aún tendremos que colocar el gadget en el lugar que queramos del lateral, posiblemente en la parte superior, y para ello arrastramos el cuadro que incluye su nombre en la sección Diseño.

Y ya podemos ver cómo queda el texto de presentación en nuestro blog, que se verá en el lateral del blog: 

Como se ve en la imagen superior, en la parte inferior derecha aparecerá, siempre que estemos conectados con nuestra cuenta, un icono que nos permite abrir el elemento para modificarlo o borrarlo. Esto también se consigue desde la sección Diseño de la administración.

Una cuestión importante en nuestro trabajo con los blogs es la de la licencia con que los presentamos en público. La licencia más utilizada para ello es la Creative Commons. En la Wikipedia podemos enterarnos de su alcance, pero después debemos acudir a Creative Commons España para rellenar un formulario y crear la licencia que mejor nos convenga. Al final del proceso nos ofrecen un código HTML que podremos insertar en el lateral o el pie del blog para hacerlo visible. Eso se puede realizar simplemente pegando ese código en el editor del gadget HTML/Javascript, como se muestra en la siguiente imagen ampliable con un clic:

En otro artículo de este blog, Gadgets de Blogger para menús y descargas, indico cómo podemos incluir una sección de descarga de archivos y un menú con artículos informativos, opciones que Blogger no incluye, y que soluciono con algunos trucos.

2. La creación de entradas y de páginas

El contenido de un blog hemos visto que no se limita a las entradas, porque también podemos añadir elementos en el lateral que serán muy visibles y que por tanto darán personalidad a nuestros blog. Sin embargo, el contenido del blog se expresa principalmente en sus entradas, que no solamente incluirán texto, sino también elementos interactivos y multimedia, como se verá más adelante. Pero recientemente se ha incorporado a Blogger un nuevo tipo de contenido: las páginas con información permanente, que se muestran en un menú del lateral o en pestañas debajo de la cabecera, a diferencia de las entradas del blog propiamente dichas: véase Las páginas estáticas en Blogger.



En esta sección veremos cómo incluir entradas, páginas estáticas y comentarios en el blog. Cada uno de estos contenidos tiene su forma de acceder a su creación:

1. Entrada: Se crea pulsando el primer botón superior del menú izquierdo de la Administración: Entrada nueva, pero también pulsando el botón que incluye el icono de un lápiz en el menú superior y en el Escritorio. En el menú izquierdo también está la sección Entradas, que es donde se ve la lista de todas las entradas publicadas en el blog.
2. Página: Se crea en la sección Páginas del menú lateral, en la parte superior, donde está el botón Página nueva. Se pulsa y se escoge la opción Página en blanco.
3. Comentarios: Se crea en la entrada o la página del blog donde está el formulario para los comentarios. En la sección Comentarios del menú lateral se encuentran las listas de los comentarios publicados, de los que están en espera de aprobación y de los comentarios spam o no deseados.

Tanto las páginas como las entradas tienen el mismo interfaz para crearlas, que estudiaremos a continuación.

3. Incluir contenidos en una entrada

La inclusión de texto en las entradas y las páginas estáticas del blog suele resultar sencillo, porque se hace como en un procesador de textos, si bien los editores basados en programación web no tienen tantas opciones como los procesadores de texto que se incluyen en las aplicaciones ofimáticas de escritorio. Por ejemplo, no se puede incluir texto en más de una columna a no ser que se usen tablas HTML, pero no es conveniente su uso.

En el siguiente videotutorial muestro cómo incluir otros elementos importantes en una entrada de un blog de Blogger como son los enlaces a otros documentos web, las imágenes y los vídeos de YouTube. En otra sección del curso se verán aspectos avanzados de la multimedia. El vídeo se puede ver en alta calidad (HD) dentro de mi canal de vídeos en Vimeo donde se aloja.

Para mayores detalles sobre el editor de Blogger, ofrecemos la siguiente explicación escrita. Una vez que hemos pulsado uno de los botones para crear una nueva entrada, aparece el formulario de la imagen inferior para elaborarla. En el centro tenemos el editor donde se escribe el texto y se insertan otros elementos como, por ejemplo, imágenes o vídeos. Rodeando al texto están los siguientes elementos, que hemos dividido con franjas coloreadas:

• Barra superior, con el borde de color verde en la imagen:
  • Título de la entrada: Es el campo de texto donde se escribe el título de la entrada.
  • Publicar: Botón que se pulsa cuando se quiere publicar la entrada. Cuando la entrada ya está publicada y se edita para modificarla, aquí aparecerá el botón Actualizar para guardar los cambios, y a su lado veremos el botón Restablecer a borrador para que deje de estar publicada..
  • Guardar: Botón que se pulsa cuando se quiere guardar la entrada en borrador.
  • Vista previa: Botón que se pulsa cuando se quiere ver la entrada antes de publicarla o guardarla.
  • Cerrar: Botón que se pulsa cuando se quiere salir de esta sección sin guardar nada.
• Barra de herramientas, con el borde de color rojo en la imagen:
  • Redactar: Es la parte del editor donde se escribe como si fuera un procesador de textos, y se puede formatear el texto con los botones de la barra de herramientas.
  • HTML: Cuando se pulsa este botón, aparece la parte donde se encuentra el código fuente del texto, es decir el código HTML que subyace en todo documento web.
  • Los botones de formateo del texto: Son parecidos a otros que se manejan en editores convencionales, y si se coloca el cursor del ratón encima de ellos, aparece una descripción del botón en un marco de texto. Pronto analizaremos las acciones que se consiguen con algunos de estos botones.
• Lateral, con el borde de color azul en la imagen:
  • Etiquetas: Consisten en palabras o expresiones separadas por comas que definen y clasifican las entradas. Estas etiquetas o tags, según la jerga, aparecerán debajo de la entrada e irán enlazadas a una página donde se verán todas las entradas que tienen esa etiqueta incorporada. También las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas. Cuando pulsamos la palabra Etiquetas en este formulario, se abre un cuadro donde se pueden escribir las palabras o incluir algunas de las que ya tenemos en el blog pulsando sobre ellas.
  • Programar: Si pulsamos esta palabra, accederemos a un pequeño formulario donde podremos Establecer fecha y hora para que se publique nuestra entrada, o dejar la opción como Automático, para que se publique cuando pulsamos el botón Publicar de la barra superior.
  • Ubicación: Opción con la cual podemos ubicar geográficamente la entrada. Cuando se pulsa en esta palabra, se escribe el nombre de una localización en el campo de texto que aparece, y el buscador la encuentra. Cuando pulsamos el botón Finalizado, se guardará esa ubicación y aparecerá debajo de la entrada del blog.
  • Opciones: Aquí se agrupan otras opciones para permitir los comentarios de los lectores o los enlaces de retroceso (sección 3.1). Además, es conveniente dejar como están las opciones Modo de redacción y Utilizar <br> etiqueta.

Por último, hay que reconocer que una de las grandes ventajas de los blogs de Blogger es que permiten que se inserten muchos códigos utilizados en aplicaciones cuyos productos podemos incrustar en el blog, como explico en los artículos de la sección de recursos de este blog.