En la siguiente práctica desarrollaremos la herramienta Blogger. Una herramienta muy útil y altamente intuitiva, que nos permitirá la creación de un blog como el que estás visitando ahora mismo.
En primer lugar aprendimos a crear un blog y a darle un título y una dirección, para ello nos dirigimos a la página de
Blogger e introducimos nuestro nombre de usuario y contraseña. De esta manera accederemos a la interfaz de blogger desde la que administraremos nuestro perfil. Pulsando sobre la opción "Crear un Blog" podremos empezar a crear un nuevo blog.
Desde la siguiente pantalla que se nos abre le asignaremos el nombre y la dirección que deseamos darle
Una vez que hayamos hecho esto, podemos modificar el idioma de la página y empezar a editar entradas.
Pulsando en entrada nueva se nos abrirá un cuadro como el siguiente
En el mismo podemos empezar a escribir lo que deseemos. Empecemos dándole un título y continuemos escribiendo.
Podemos configurar el tipo de letra como en cualquier procesador de textos. Destacar la posibilidad de introducir enlaces. Hay dos formas de hacerlo, podemos escribir primero el texto sobre el que deseamos que aparezca el enlace, después lo seleccionamos y pulsamos sobre "enlace"
Nos aparecerá el siguiente cuadro desde donde podemos insertar la dirección del enlace y donde aparecerá ya marcado el texto que aparecerá (el que hemos seleccionado anteriormente
La otra forma es pulsar directamente sobre el enlace, nos aparecerá el mismo cuadro de texto pero deberemos introducir además del enlace, también el texto que se visualizará.
Hemos añadido muchos enlaces a lo largo de la entrada anterior en la que vimos el
funcionamiento de Google Docs, todos se han ido insertando tal y como os acabamos de contar.
Bien, una vez que hemos introducido todo el contenido que queremos, podemos publicar la entrada. Para ello tenemos varias opciones al pie de la página
Podemos publicar directamente el mensaje, guardar una copia del mismo o previsualizar la entrada.
Una vez publicada podemos modificarla o borrarla. Para modificarla podemos acceder desde la misma entrada del blog, pulsando el siguiente icono, al final de la entrada
O bien podemos acceder desde nuestro tablón como administradores
Desde el tablón accedemos a la edición de los mensaje pulsando la opción
Se nos abre el siguiente cuadro
Desde donde podremos editar los mensajes
O directamente eliminarlos
Si continuamos con la edición de la entrada , disponemos de otra opción que nos permitirá insertar vídeos, hemos desarrollado la forma de insertarlos anteriormente por su similitud con la forma de insertarlos en el procesador de textos de Google Docs. La principal novedad que destacábamos era el poder buscar vídeos directamente desde la web de Youtube, quedando insertados directamente. Pulsaremos en el siguiente icono para proceder a su inserción
Para insertar imágenes tenemos que pulsar en el icono
y se nos abre el siguiente cuadro de diálogo que nos ofrece multitud de opciones para insertar las imágenes.
Para la realización de este blog estamos utilizando principalmente la opción de subir imágenes que previamente hemos guardado en nuestro equipo ya que se trata en su mayoría de capturas de pantalla modificadas, pero como se puede observar podemos utilizar las opciones que consideremos más apropiadas en cada momento.
Podemos elegir cualquier imagen contenida en el blog, elegirla de entre nuestros álbumes de
Picassa , así como subir una foto desde nuestro teléfono móvil o desde nuestra webcam.
Además podemos insertar una dirección URL de cualquier imagen y se insertará inmediatamente en nuestro blog (no debemos olvidar que para subir una imagen, necesitamos el permiso de su propietario o propietaria).
Insertaremos aquí un imagen con licencia Creative Commons. Primero seleccionamos en las opciones avanzadas del motor de búsqueda de Google Imágenes
Después elegimos la búsqueda de imágenes de libre disposición
Y para finalizar, elegimos la imagen que más nos guste de las propuestas y pulsando sobre ella con el botón derecho del ratón seleccionamos "Copiar URL"
Volvemos al cuadro de diálogo de insertar imágenes del blog y copiamos la URL en el lugar que nos indican para después añadir la imagen ( se previsualiza antes)
Nuestra imagen queda insertada así:
Podemos modificar el tamaño de la imagen desde la pestaña HTML, buscamos el lugar de la imagen y modificamos los valores para "heigh o widht" (alto y ancho)
Además, contamos con una opción muy útil que nos permitirá mantener nuestras entradas ordenadas por "etiquetas". En la parte inferior de la entrada tenemos la opción de etiquetar la misma. Nosotros hemos creado 2 tipos de etiquetas, las de práctica y teoría en las que iremos introduciendo las entradas correspondientes a cada parte de la asignatura.
Disponemos también de la opción de introducir nuestra UBICACIÓN que permite al resto de usuarios conocer nuestra localización en el momento de publicar la entrada. ( Las imágenes utilizadas hasta el momento han sido capturas de imagen de la antigua interfaz de Blogger, a partir de ahora utilizaremos captuas de imagen de la nueva interfaz actualizada, no revertirá mayor problema puesto que las opciones son las mismas)
Pulsamos en la barra lateral derecha sobre la pestaña UBICACIÓN e introducimos en la barra de búsqueda nuestra ubicación. Después seleccionamos en el botón "Hecho" y ya tenemos nuestra localización insertada
Una vez publicada la entrada, al final de la misma vemos que quedan reflejados la etiqueta asignada y la ubicación:
Pasemos ahora a ver cómo podemos modificar el formato de nuestro blog (modificar la disposición del mismo, encabezamientos, archivo del blog, orden de los gadgets etc..)
Desde la página principal del blog (en modo visualización) pulsamos sobre la barra de herramientas superior (en mi diseño se encuentra en la parte superior derecha) sobre la opción DISEÑO
También podemos acceder desde le tablón de edición personal pulsando sobre la pestaña más opciones y después sobre configuración:
Se nos abre la siguiente pantalla:
Si pulsamos sobre FORMA vemos que podemos modificar la disposición de los elementos que conforman nuestro blog simplemente arrastrando los mismos así como editar los gadgets que deseemos .
Como podéis ver la disposición de mi blog es de un cuerpo central donde aparecen las entradas y dos barras laterales donde se irán ubicando los gadgets. Podemos cambiar la disposición de nuestro blog desde la misma pantalla anterior pulsando en la parte superior derecha sobre la opción "Diseñador de plantillas"
Que nos guiará a la siguiente interfaz en la que podemos modificar la disposición de las columnas pulsando sobre "Formato". Nos permite cambiar también el pie del blog.
Podemos también desde esta pantalla modificar toda la apariencia de nuestro blog, elegir entre múltiples plantillas y diseños, elegir un fondo y ajustar la medida de las columnas (tanto las laterales como la central) así como utilizar las opciones avanzadas para modificar el tipo de letra y el color de la misma.
 |
| Plantillas |
 |
| Fondo |
 |
| Ancho de columna |
 |
| Opcione avanzadas |
Una vez que tengamos el blog tal y como deseemos (podemos modificar el aspecto siempre que deseemos) volvamos al menú de configuración para ver cómo podemos introducir un gadget desde la opción formato que habíamos visto anteriormente.
Pulsmamos sobre una de las pestañas en los laterales que nos dan opción para añadir gadget:
Se nos abre un cuadro de diálogo como el siguiente del que podemos elegir multitud de gadgets.
Buscamos entre todas las opciones que nos ofrecen e introducimos aquellos que mejor creamos que ayudarán a nuestro blog tener un aspecto mejorado y servirán para ayudar a los usuarios que nos sigan.
Introduciremos ahora algunos gadgets como
- "Entradas más populares" que nos permite ver las entradas con más visitas.
- "Seguidores" que permite ver los usuarios que siguen nuestro blog.
- "Lista de enlaces" que permite presentar a nuestros seguidores un listado con los enlaces interesantes que consideremos útiles.
- "Cuadro de búsqueda" permite encontrar información dentro del blog.
- Y "HTML/Javascript" que podemos decir que es uno de los más importantes ya que nos permite introducir un código en lenguaje HTML y añadir otros tipos de gadgets externos al blog.
- "Encuesta" nos permite realizar una encuesta entre los usuarios y seguidores.
- "Etiquetas" nos permite ver el archivo de etiquetas que hemos asignado a las entradas.
Para configurar una lista de enlaces tal y como hemos hecho en nuestro blog, seleccionamos el gadget lista de enlaces y se nos abre un cuadro como el siguiente
En él iremos introduciendo todos los enlaces que deseemos (1 cada vez) introduciendo la URL del enlace y después el nombre que aparecerá en la portada del blog. Una vez introducido nos aparecerá así:
Al pulsar sobre el título que deseemos, se nos redireccionará hacia el la página web que hemos introducido anteriormente (mediante URL)
Desde la portada podemos acceder a cualquier gadget que deseemos para modificarlo pulsando sobre el icono que aparece en cada gadget.
Vemos ahora como introducir el gadget "HTML/javascript" que nos resultará muy útil para introducir gadgets y widgets externos.
En primer lugar buscamos una aplicación que queramos introducir en nuestro blog ( un reloj, un calendario, hay miles) podemos encontrar muchas de ellas en el
directorio de google . Elegimos por ejemplo un mapa mundial que nos indicará las direcciones IP de los seguidores de nuestro blog.
Pulsamos en añadir a nuestra web y después podemos ver una previsualiación del gadget y ajustar su ancho y alto.
Una vez ajustado pulsamos sobre obtener código y se nos proporciona el código htmla que debemos copiar.
Ahora volvemos a nuestro blog y elegimos "añadir un gadget> HTML/javascript y nos aparece la siguiente pantalla en la que introduciremos el título y en el cuadro contenido pegaremos el código que habíamos copiado anteriormente.
Una vez actualizado el blog nos apareces así:
Hemos introducido también otros gadgets siguiendo el procedimiento HTML como el contador, el reloj mundial, la emisora de radio (podéis apagarla al inicio de la sesión ya que viene por defecto encendida) el cumpleaños de personajes históricos y el juego para relajarnos y tomar un poco de aire (os recomendamos que juguéis sólo después de haber realizado vuestro trabajo y antes de apagar el ordenador)
Podéis consultar el tutorial para introducir gadgets en el siguiente vídeo:
Otra opción que tenemos disponible desde el apartado "Formato" es la de modificar el encabezamiento del blog, pulsamos en editar y nos aparece el siguiente cuadro:
En el que podemos cambiar el título, introducir una imagen de fondo y escribir una descripción del mismo.
En la parte "Sobre mi" podemos escribir nuestro datos, editar nuestro perfil y escribir un breve comentario con nuestras inquietudes.
Disponemos también de la opción para cambiar la barra de navegación principal
Otras opciones que podemos utilizar desde la página de Diseño son
Visión general que nos permite administrar nuestro blog y ver las últimas actualizaciones
La opción "escritos" que nos permite ver todas nuestras entradas, editarlas y modificarlas
La opción "páginas" nos permite crear nuevas páginas pero hemos visto que únicamente deja escribir una entrada en cada página nueva.
La opción comentarios nos permite administrar los comentarios que los usuarios inserten.
La opción "Estadística" nos permite ver el tipo de conexiones, y un mapa mundial para saber desde dónde se han realizado las mismas
La opción plantilla que nos permite modificar el aspecto de la misma (del mismo modo que el diseñador de plantillas) y también ver cómo quedará nuestro blog en el móvil.
Y por último la opción "Configuración" que nos permite modificar y configurar todo lo relacionado con nuestro blog (el título, la privacidad del mismo, permitir la colaboración de otras personar para realizar el blog de forma colaborativa, las opciones del móvil, el idioma y formato así como el feed o herramientas como google analytics.
Y con esto despedimos esta segunda entrada del blog de la parte práctica, esperamos que el tutorial os sea de utilidad y os emplazamos a realizar cualquier comentario sobre dudas o aportaciones que creáis que podemos ir realizando sobre el mismo
Saludos,
Pere Ivars.
