Agradecimientos

Una vez terminado el curso, también acaba este tutorial. No obstante deseo que siga estando al día por lo que, con tiempo, iré actualizando parte de su contenido.

Agradezco desde este sitio a todas y todos las compañeras y compañeros blogueros que se encuentran referenciados en diversas entradas de estas páginas. Sin ellos habría sido más dificultosa la labor de montar este tutorial sobre Blogger.

Si cualquier persona tanto de los asistentes al curso como aquellas que decidan seguir este tutorial desean enviarme algún comentario o comunicado, no duden en hacerlo a la dirección de correo electrónico que más abajo aparece o realizando un comentario sobre cualquiera de las entradas de esta bitácora.

Salud
Fco. Daniel Sánchez Vázquez
correo-e: dasava[arroba]gmail.com

Tarea 12: Insertar tráfico de visitas

Si deseamos colocar en nuestro menú lateral un contador que nos indique el lugar de donde proceden las visitas que recibe nuestro blog podemos añadir un widget desde
FeedJIT dispone de varios widgets gratuitos que muestran un reporte de los visitantes de un sitio y que pueden utilizarse en cualquier sitio sin necesidad de registrarse.

Para ello sólo ir a la página de FeedJIT y seleccionar uno de los 4 que ofrecen, aunque los dos primeros son los que más nos interesan: el Live Traffic Feed y el Live Traffic Map. El primero nos presneta unarelación de la procedncia de nuestros últimos visitantes y el segundo nos oferta un mapa del mundo con los lugares desde donde se han producido visitas.

Podemos configurarlos en cuanto a los colores y después copiamos el código que nos oferta en el campo de formulario para que lo insertemos en nuestro blog añadiendo un gadget de texto y copiando en él el cçódifo. No obstante ofrece la posibilidad de usar la opción de añadirlo directamente a Blogger y, si estamos con la sesión abierta (identificados) en Blogger, nos insertará el código automáticamente en el Blog que deseemos.

Tarea 11: Insertando imágenes y texto en widgets

Quizás hayamos visto que en bastantes blogs aparecen imágenes que enlazan a páginas de campañas, denuncias, etc, a las que, tal vez, deseemos apuntarnos. Generalmente nos ofrecerán un código que hará que se visualice un logo o imagen de la campaña y el enlace, por medio de él, al lugar donde explica la campaña.

Si deseas que aparezca en la barra lateral (widgets) debes insertar el código en la zona de "Diseño" "Elementos de página", añadimos un gadget de tipo HTML/Javascript o de imagen sólo y pegamos el código. Esto depende de qué es lo que nos ofrezcan. El priemr ejemplo es una campaña que nos ofrece ya el código por tanto seleccionaremos un gadget del tipo HTML/Javascript. En cambio el segundo ejemplo es una imagen que debe enlazar con una URL o dircción de Internet y no nos ofrecen el código, por tanto podemos usar el gadget imagen.

Puedes intentarlo con los dos ejemplos:

CAMPAÑA: ERES LO QUE ESCRIBES, ERES COMO ESCRIBES. Para un correcto uso del idioma en los blogs. Añadimos un gadget de tipo HTML/Javascript y pegamos el código que nos ofrecen.

CAMPAÑA: RECONOCIMIENTO OFICIAL DE LAS PUBLICACIONES EN LA RED. Una vez en el sitio, que es un wiki, en la zona inferior se la página aparece la opción BANNER Póntelo. Una vez en esa página elige el Banner que desees según el tamaño que se ofrece. Copia la ruta de la imagen, ve a tu blog y en la zona de "Diseño" "Elementos de página", eliges un gadget del tipo imagen. En él debes colocar la URL de la imagen cómo externa y ajustada y, por otro lado, debes copiar la URL de la web donde deseas enlazar en el campo "Enlace". Los campos Título y Pie de foto, en este caso no tienes por que rellenarlos aunque, si lo deseas, hazlo.

Tarea 10: Google Maps en Blogger

En bastantes ocasiones quizás se nos presente la posibilidad de tener que ofrecer en nuestro blog una localización de un lugar determinado por medio de un mapa como Google Maps.
Si este es el caso nada mejor que ofrecerlo para que nuestros visitantes puedan localizar el sitio al que estamos refiriéndonos.
Para ello deberemos seguir los siguientes pasos:
1. Ir a la página principal de Google Maps.
2. Localizar el lugar que deseamos visualizar introduciendo en el campo de formulario el nombre de la localidad y el país, separados por comas.
3. Una vez que nos aparece la localidad señalada por una etiqueta, deberemos hacer uso de las herramientas que nos permiten visualizar la localidad o sitio desde diversas perspectivas, Mapa, Satélite o Relieve
4. A continuación, debemos usar la herramienta de zoom para visualizar con más o menos precisión visual el lugar.

5. Cuando hayamos conseguido seleccionar el tipo de visualización y el nivel de zoom adecuado debemos de pinchar con elratón en el botón Enlazar, de esta forma nos aparecerá una cuadro emergente que nos ofrece dos códigos. El primero nos permnite tomar el enlace que nos lleva a la página que actualmente estamos viendo. El segundo, en cambio, nos permite tomar el código para poder embeberlo en nuestra entrada en el blog.
Pero además nos permite personalizar la imagen que vamos a ofrecer emebebida en neustro blog así que deberemos pinchar en la opción de personalizar que aparece en la última línea para que nos presente una ventana en la que nos ayuda a seleccionar el tamaño del mapa que se verá. Con forme cambiemos esta propiedad podremos ver más abajo el tamaño que presentará el mapa.
Una vez elegido el tamaño, al final de la página podremos copiar el código que Google Maps nos oferta posicion´sndonos sobre el código, picando con el botón derecho, selecci9onado "Seleccionar todo", repitiendo la operación y, esta vez, seleccionado "Copiar".

6. Seguidamente podremos ir a nuestro blog, editar o crear la entrada en la que deseemos que aparezca, pinchar en "Edición en HTML", picando en el botón derecho del ratón y seleccionado la opción pegar. De esta forma tendremos el mapa embebido en nnuestra entrada.

7. Si por el contrario hemos decidido poner un enlace a la página de Google Maps que estamos visualizando, sólo deberemos colocar sobre una palabra o imagen un enlace al sitio.

Por último y en referencia al primer comentario realizado pidiendo la forma de aparecer en la barra lateral pues considerar que hay que introducirse en la zona de Diseño, insertar un widget y seleccionar el de HTML/Javascript. Ahí, pegamos en el campo de formulario adecuado el código que nos ofrece Google Maps. teniendo en cuenta que deberíamos haber personalizado el tamaño para que entre en el ancho que posee nuestra barra lateral. Espero que se quede aclarado.

Configurando el blog -Parte III

Vamos a seguir comentando las posibilidades de diseño con las siguientes opciones del Menú Diseño.

Fuentes y colores: nos permite cambiar la estética en cuanto a los tipos de letra y colores de nuestra página. Aparece una pantalla dividida en dos marcos o frames. En el superior nos presenta las posibilidades de cambio de color y de fuente de los diversos apartados de nuestra bitácora. Sólo seleccionar y guardar o cancelar los cambios. En el marco inferior aparece nuestro blog con los cambios que van sucediéndose a medida que los realizamos.

Edición en HTML: esta opción es una de las más antiguas de Blogger pues todos los cambios que deseabamos realizar de tipo gadget teníamos que realizarlos insertando el código en la plantilla. Es pues una opción dificultosa y que presenta inconvenientes de tal modo que es posible que una manipulación errónea dé al traste con nuestro blog. Al comienzo viene la recomendación de realizar una copia de seguridad de nuestra plantilla por si tuviesemos sorpresas inesperadas. Esta opción permite guardar en neustro ordenador la plantilla para poder realizar modificaciones en ella y si no nos agrada o hemos "metido la pata" poder restaurar la antigua plantilla desde el archivo de neustro disco duro. La segunda opción que nos presenta es precisamente la de recuperar nuestra plantilla. Pero también sirve para poder usar una plantilla externa, que no venga en Blogger sino en otros sitios de la Red como por ejemplo:
Plantillas para Blogger
Más plantillas para Blogger
Insertar una plantilla que nos ofrezcan en la Red es bajársela en un archivo que se encuentra el código y desde la zona de Diseño-Edición HTML, tomar la opción mencionada de subir una plantilla.
El resto de opciones de la página vienen a ayudar a corregir los errores cometidos, bien deshaciendo los cambios al restaurar la plantilla anterior o recuperar la plantilla clásica.

Seleccionar plantilla nueva: Esta opción nos presenta las plantillas clásicas que Blogger nos ofrece, seleccionamos una de ellas y dentro de cada una podemos elegir una gama de colores. Podemos previsualizar la plantilla y con el botón Guardar plantilla podremos efectuar los cambios.

Por último en la zona superior derecha podemos ver varias opciones como son:
Escritorio: con ella nos lleva a la zona de gestión de los diversos blogs, es como el vestíbulo.
Mi cuenta: Accedemos a ciertos parámetros de nuestra cuenta en Google donde podemos cambiar la contraseña de acceso, la pregunta de seguridad y los sitios autorizados desde los que acceder a Blogger. También podemos ver otros servicios que utilizamos en Google (Picassa, Calendario, Sites, gmail, Documentos...)
Ayuda: por ahora está en inglés.
Salir: Se utiliza para cuando estamos en un ordenador extraño salir de la zona de Blogger para que no quede la sesión abierta y otra persona pueda acceder a nuestros datos y blogs. Recordar que cuando accedemso a neustro blog para administrarlo con nuestro usuario y contraseña, se abre una sesión en el ordenador que sirve el blog y queda una cookie -galleta- en nuestro ordenador gracias a lo cual podemos adminsitrar el blog sin tener que escribir continuamente nuestra contraseña. esta sesión suele durar mucho tiempo por lo que es aconsejable cerrarla sobre todo en ordenadorees extraños.
Esto es todo en cuanto a la configuración de nuestro blog.
Existen otras formas de modificar la estética de nuestra bitácora pero requiere más conocimientos que se pueden adquirir buscando en la Red y leyendo las entradas de otros compañeros y compañeras que están más avanzados.

Configurando el blog -Parte II

Otra de las posibilidades que nos ofrece Blogger se refiere al Diseño de nuestra bitácora. Si hace un tiempo la labor era omplicada, hoy en día Blogger ha mejorado este aspecto y nos permite introducir en nuestra página una serie de gadget o widget (mini aplicaciones para completar o mejorar nuestra bitácora con funciones muy especializadas -bajo este mismo concepto un peine también lo es). También podemos variar la fuente y colores a usar en la bitácora, la posibilidad de editar la plantillaen lenguaje HTML o de seleccionar una nueva plantilla.
Para sumergirnos en este apartado debemos de ir a la zona de administración de nuestro blog y clicar en la pestaña Diseño. Una vez que lo hemos hecho nos aparacerán varias opciones en la fila inferior a la zona de pestañas, ya mencionadas en el párrafo anterior.
La primera opción que nos presenta y que aparece seleccionada por defecto es la de Elementos de Página. Ella nos pemrite añadir y organziar los elementos de la página y nos muestra un esquema de la plantilla que estamos usando.



Desde aquí podemos editar los siguienets elementos:

Barra de Navegación: clicando en editar accedemos a una ventana donde sólo podemos cambiar la estética de esa zona eligiendo entre varias propuestas.

Cabecera de nuestro blog: clicando en la opción editar aparece otra ventana mediante la cual cambiaremos el ttulo de la bitácora yla descripción. De igual modo podemos subir una imagen que esté alojada en nuestro PC o en la Web. Esto si que hará cambiar totalmente la estética de la cabecera por cuanto insertaremos una imagen más sugestiva o atrayente y podremos colocarla según las opciones que aparecen más abajo. La imagen de cabecera debería tener 740 pixeles de ancho por 100 0 130 píxeles de alto. Recomendación: antes de realizar cambios es preferible guardar la plantilla en vuestro equipo para poder restaurarla si ocuren imprevistos. (pestaña Edición HTML, opción Descargar plantilla completa).



Entradas del blog: A esta sección se le pueden efectuar diversos cambios en su estructura. Al pinchar en la opción de editar surge una ventana en la que elegimos cuántas entradas podrán verse en la página, formato de fechas, comentarios, etiquetas... Además podremos disponer algunos elementos en la posición que deseemos.

Zona lateral de menú: En ella podemos introducir los widgets o gadgets de los que hablé al principio de esta entrada. En este caso no aparece la opción editar ya que es sustituida por la expresión Insertar un gadget. Aparecerán los gadgets ya introducidos con su posibilidad de editar. Si pinchamos en insertar un gadget pues nos aparecerá una ventana con los diferentes gadgets que podemos incluir clasificados según diferentes categorías. Una vez que se seleccione nos parecerá la posibilidad de rellenar los datos que cada gadget necesita.
Por último también podemos editar el pie de página añadiéndole un gadget.