Estadísticas:
Esta sección nos permite conocer el tráfico (visitas) que ha recibido nuestro blog desde el momento que se publica cada entrada. Esto nos permite medir la popularidad de las entradas y de nuestro blog en general.
Entradas:
En esta sección es posible conocer el número de visitas que ha recibido cada entrada de nuestro blog.
Fuente de tráfico:
Esta sección nos permite determinar las direcciones de internet que referencían visitas a nuestro blog.
Público:
Esta sección nos permite conocer la ubicación geográfica de nuestras de las visitas, así como el explorador de internet utilizado y el sistema operativo utilizado por los usuarios que visitan el blog.
En esta sesión veremos como estilizar nuestra plantilla de acuerdo a nuestras necesidades de diseño utilizando el diseñador de plantilla de blogger.
El diseñador de plantillas de blogger nos permite estilizar las plantillas, fondos el ancho y el diseño general de nuestro blog.
Para iniciar, entramos a nuestro blog en la sección de visión general.
Seleccionamos la sección plantilla.
Seleccionamos personalizar para entrar al diseñador de plantillas de blogger.
El diseñador de plantillas de blogger:
El diseñador de plantillas de blogger cuenta con cinco secciones: plantillas, fondo, ancho, diseño y avanzado.
Plantillas:
Esta sección nos permite modificar el diseño de nuestro blog utilizando diseños predeterminados. Aquí es posible seleccionar un diseño general para el blog. y debajo del diseño blogger nos da la opción para modificar los colores del diseño.
Seleccionamos el diseño y seleccionamos "aplicar al blog"
Fondo:
Esta sección nos permite modificar el fondo de nuestro blog de acuerdo a una lista de fondos predeterminados o de acuerdo a una imagen de nuestra elección.
Fondos predeterminados:
Para utilizar los fondos predeterminados blogger nos permite elegir entre múltiples tipos de fondos seleccionando "imagen de fondo"
Imagen de fondo personalizado:
Es la sección de imagen de fondo, es posible insertar una fotografía o dibujo de nuestra elección como fondo, para hacer esto seleccionamos "imagen de fondo" y posteriormente "subir imagen", donde elegiremos la imagen que deseamos agregar como fondo.
Gama de colores principal:
La gama de colores principal nos permite cambiar el color del texto del blog, de forma que combinen con la imagen seleccionada.
Ajustar ancho:
Esta sección nos permite ajustar el tamaño de las entrada del blog y las barras laterales derecha e izquierda.
Diseño:
Esta sección nos permite elegir entre varios tipos de diseño para el acomodo de las entradas y el cuerpo de nuestro blog.
Los distintos tipos de diseño del cuerpo del blog nos permiten acomodar las entradas y datos personales en diferentes lugares de la pantalla (del lado izquierdo, derecho, arriba o abajo).
Avanzado:
La sección avanzada del diseñador de plantillas blogger, nos permite personalizar el tipo de letra y color de los textos del blog., así como el color de los fondos y enlaces.
Textos de la página:
Esta opción nos permite determinar el tipo de letra que tendrá el texto de las entradas y el archivo blog.
Fondos:
Esta sección nos permite determinar el color del fondo exterior, fondo de cabecera y el color de fondo de las entradas.
Enlaces:
Esta sección nos permite determinar el color de los enlaces del blog. Aquí es posible determinar el color del enlace, el color del enlace visitado, y el color del enlace cuando se coloca el ratón sobre el.
Título de la entrada:
En esta opción es posible determinar el tipo de letra que tendrá el texto de las entradas.
Cabecera de fecha:
En esta sección es posible determinar el color de la cabecera de fecha.
Gadgets:
Esta sección nos permite determinar el tipo de letra de "Datos personales", "archivo del blog", y la fecha de cada entrada. También nos permite delimitar el color de los "datos personales" y "archivo del blog"
Estilo de entrada:
Esta sección nos permite determinar el color del texto de pie de página y el color del borde de cada entrada.
ACDSee
Es un programa que permite la edición de imágenes y fotografías, utilizando herramientas avanzadas de diseño gráfico.
Lo utilizaremos para diseñar una cabecera personalizada para nuestro blog.
Paso 1.- Abrimos el programa ACDSee
Paso 2.- Abrimos un nuevo documento
File: New
Paso 3.- Elegimos el tipo de fondo para el nuevo documento:
*Background - transparent
*Elegimos el ancho (width) 760 pixeles
*Elegimos la altura (heigth) 300 pixeles
*Elegimos la resolución 96 pixeles/inch
El tamaño elegido para el fondo permitirá que el encabezado se despliegue de forma correcta y que no se salga de los límites de la pantalla.
Elegimos el fondo que llevará nuestra imagen, eligiendo las herramientas de rectángulo.
Posteriormente elegimos el color de rectángulo, con la herramienta de selección de color.
Paso 4.- Color de la orilla del rectángulo:
Seleccionamos el color de la orilla del rectángulo
Ajustamos el tamaño de la orilla del rectángulo (line style)
Paso 5.- Insertando el texto:
Elegimos la herramienta de texto
Elegimos el tamaño del texto
Elegimos el color de texto
Paso 6.- Sombreado del texto:
Seleccionamos el texto
Seleccionamos en el menú - Objeto - Drop shadow
Paso 7.- Parámetros del sombreado:
Angle: Representa el angulo de la sombra
Offset: Representa la posición de la sombra con respecto al texto
Blur: Representa el difuminado de la sombra
Opacity: Es el control de la oscuridad de la sombra
Insertar imagen:
Se busca una fotografía o dibujo para complementar el diseño de el encabezado.
Una vez localizada la imagen, se copia (ctrl-c)
Dentro de ACDSee se pega la imagen (ctrl-v)
8.- Salvando la imagen para insertarla en blogger
Una vez terminada la edición de la imagen es necesario exportarla a un formato que pueda ser importado al encabezado dentro del blogger
Se selecciona file --> Save as
Y selecciona el formato PNG, en la pestaña de tipo de archivo y se selecciona guardar.
Utilizamos el formato PNG ya que este formato optimiza las imágenes para internet, y respeta la transparencia del dibujo.
9.- Insertando la imagen en el blog:
Para insertar la imagen en el blog nos ubicamos, en la sección de visión general.
Posteriormente se elige "diseño"
Se selecciona "editar" en la sección de cabecera
En la sección de imagen se selecciona examinar en "desde su equipo"
Se elige la imagen que se salvó en ACDSee
Seleccionar en ubicación "en lugar del título y la descripción"
Se selecciona guardar.
La plantilla de blogger cuenta con muchas opciones y características predeterminadas que permiten su implementación y funcionalidad desde que creamos la cuenta de cualquier modo nuestro blog cuenta con una serie de herramientas adicionales que, combinándolas con la reestructuración del espacio y ajustes mínimos por parte del administrador (nosotros) nos permiten crear una página y una experiencia de usuario altamente personalizada y optimizada para nuestro proyecto.
CONSIDERACIONES:
Nuestro blog no es una sola página integrada sino una recopilación de pequeños programas ensamblados en un espacio que integralmente conforma nuestro blog. El área donde publicamos los contenidos tiene sus propios ajustes y controles, podemos personalizar cualquier dato como la fecha y activar o desactivar la capacidad de nuestro blog de interactuar con otros servicios en línea. Podemos también integrar una pequeña encuesta sobre la opinión del visitante sobre nuestros contenidos etc. La barra o columna de sus usos múltiples en blogger (que por lo regular se encuentra en el costado derecho de la pantalla) cuenta con mayor flexibilidad aún, ya que tiene una serie de espacio configurables en donde podemos integrar nuevos programas con nuevas características.
Dichos códigos con nuevas funciones se llaman GADGETS y en algunas otras plataformas se llaman GIZMOS. Son palabras en inglés usadas comúnmente para designar un aparato que realiza alguna función, sin ser específicos con su nombre.
Para acceder al menú de configuración básica: en nuestro panel de control localizamos el apartado de DISEÑO y desde ahí accesamos la paleta de GADGETS.
1.- MENÚ DE CONTROL DE ENTRADAS:
Este apartado define el comportamiento de las características básicas en el formato de nuestras entradas como por ejemplo: el formato de la fecha, la etiquetas, las encuestas para usuario, el texto de salto de página (que veremos a continuación), etc.
2.- LISTADO DE PÁGINAS DE NUESTROS COMPAÑEROS:
Utilizando el GADGET de listado de páginas podemos crear un pequeño directorio de los miembros de este grupo para no usar la palabra "nuestro".
Este apartado logra activar dichos hipervínculos de modo tal que quedan permanentemente añadidos a la columna de usos múltiples de nuestro blog.
3.- GADGET DE SUSCRIPTORES:
Este gadget funciona recopilando los correos electrónicos de los visitantes a nuestra página. Estas direcciones se convierten en una lista de usuarios a los que les llegará de forma automática una copia de nuestra más reciente entrada, que podrán leer directamente de la bandeja de entrada de su correo (inbox) o bien dar click para llegar directamente a nuestro blog.
4.- GADGET DE BÚSQUEDA PERSONALIZADA:
Esta pequeña aplicación crea un campo de búsqueda (que emplea tecnología de Google) que primero trata de encontrar incidencias en nuestras publicaciones de palabras clave, etiquetas, redacciones alternas, etc. Podemos también configurarlo para que muestre resultados de las páginas que mencionamos o ligamos de nuestra página y en un caso extremo resultados de toda la web.
5.- GALERÍA DE FOTOS POR MEDIO DE UN GADGET DE HTML/JAVASCRIPT:
Podemos incorporar directamente desde un servicio como FLICKR una ventana de código permanente pegada a la plantilla de nuestro blog. Las ventajas son varias: por una parte no se rezaga en entradas pasadas nuestro contenido, además, cualquier cambio realizado directamente en nuestra galería en FLICKR se refleja de modo automático en la ventana de nuestro blog. Asumiendo que "refrescamos" la página o presionamos la tecla F5. Esta es una manera práctica de mantener vigente el contenido de nuestro blog.
Del mismo modo en que podemos "transplantar" código en nuestras entradas (en la forma de presentaciones interactivas como las de PREZI y/o dispositivos de fotos tanto de FLICKR como de PICTOBROWSER), podemos emplear un GADGET que pueda interpretar dicho código y fijarlo permanentemente en la barra de usos múltiples a un costado de nuestro blog.
6.- GADGET DE ENCUESTAS:
Esta pequeña aplicación permite generar una pregunta y ofrecer varias respuestas para llevar un consenso dentro del marco de un periodo finito de tiempo. Podemos permitir cualquier número de respuestas y, una vez terminada su ventana de aplicación, podemos mostrar los resultados de la interacción con los usuarios.
