SESIÓN 11: ESTADÍSTICAS

Estadiscicas 
Esta sección nos permite conocer el trafico (visitas) que ha recibido nuestro blog desde el momento que se publica cada entrada. Esto nos permite medir la popularidad de las y de nuestro blog en general. 

Entradas 

En esta sección es posible conocer el numero de visitas que ha recibido cada entrada del blog.

Fuentes de trafico
Esta sección nos permite determinar las direcciones de Internet que referencian visitas a nuestro blog. 

Publico 
Esta sección nos permite conocer la ubicación geográfica de las visitas, así como el explorador de Internet utilizado y el sistema operativo utilizado por los usuarios que visitan el blog.

SESIÓN 10: EDICIÓN DE PLANTILLA

En esta sesión veremos como estilizar nuestra plantilla de acuerdo a nuestras necesidades de diseño utilizando el diseñador de plantilla de bloger.

El diseñador de plantillas de blogger nos permite estilizar las plantillas, fondos, el ancho y el diseño general del blog.

Para iniciar, entramos al blog en la sección de visión general.

Seleccionamos la sección de plantilla

Seleccionamos personalizar para entrar al diseñador de las plantillas de blogger.

El diseñador de plantillas de blogger


Cuenta con cinco secciones: plantillas, fondos, ancho, diseño y avanzado.

Plantillas 

Esta sección nos permite modificar el diseño de nuestor 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 de dicho diseño. 

Seleccionamos el diseño y damos click en "aplicar al blog"

Fondo 

Esta sección nos permite modificar el fondo del 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 personalizada

En la sección de imagen de fondo es posible insertar una fotografia 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 conbinen con la imagen seleccionada.

Ajustar ancho

Esta seccion nos permite ajustar el tamaño d elas entradas del blog y las barras laterales derecha izquierda.

Diseño

Esta seccion 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 permite acomodar las entradas y datos personales en diferentes lugares de la pantalla (iquierda, derecha, arriba o abajo).

Avanzado

La seccion avanzada del diseñador de plantilla de blogger, nos permite perzonalizar el tipo de letra y color de los textos del blog, asi como el color de los fondos y enlaces.

Textos de pagina

Esta opcion nos permite determinar el tipo de letra que tendra el texto de las entradas y el archivo blog.

Fondos

Esta seccion nos permite determinar el color del fondo exterior, fondo de cabecera y el color del fondo de las entradas.

Enlaces

Esta seccion nos permite determinar el color de los enlaces del blog. Aqui es posible determinar el color del enlace visitado, y el color del enlace cuando se coloca el raton sobre el.

Titulo de la entrada

En esta opcion es posible determinar el tipo de letra que tendra 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 las fecha de cada entrada. También permite delimitar el color de los "datos personales", "archivo del blog".

SESIÓN 9: EDICIÓN DE IMAGEN

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

Elegimos el tipo de fondo para el nuevo documento: Backround- transparent

Elegimos el ancho (width) 760 pixeles

Elegimos la altura (height) 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 limites de la pantalla. 

Elegimos el fondo que llevara nuestra imagen, eligiendo la herramienta de rectángulo. 

Posteriormente elegimos el color del rectángulo, con la herramienta de selección de color. 

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 a 5 pixeles (line stayle)

Insertando el texto 

Elegimos la herramienta del texto 

Elegimos el tamaño del texto 

Elegimos el color del texto 

Sombreado del texto 

Seleccionamos el texto

Seleccionamos en el menú objeto (Drop shadow)

Parámetro de sombreado

Angle: Representa el angulo de la forma

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)

Salvando la imagen

Para incertarla en el Blogger, es necesario exportarla a un formato que pueda ser importado al encabezado dentro del  Blogger.

Se selecciona FILE SAVE AS 

Formato PNG. En la pestaña de tipo de archivo y se selecciona GUARDAR 

Utilizamos formato PGN ya que este optimiza las imágenes para Internet, y respeta la transparencia del dibujo.

Incertando la imagen 

Para insertarla 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 "desde su equipo"

Se elige la imagen que se salvo en ACDsee

Seleccionar en ubicación "en lugar del titulo y la descripción" 

SESIÓN 8: EDICIÓN BÁSICA DE PLANTILLAS EN BLOGGER

La plantilla de Blogger cuenta con muchas opciones y características predeterminadas que permiten su implementacion y funcionalidad desde que creamos la cuenta.  De cualquier modo, nuestro blog cuenta con una serie de herramientas adicionales que, conbinandolas con la reestructuracion del espacio y ajustes mínimos por parte del administrador (nosotros) nos permiten crear una pagina y una experiencia de usuario altamente personalizada y optimizada para nuestro proyecto.

Consideraciones:
Nuestro blog no es una sola pagina 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 perzonalizar cualquier dato, como la fecha y activar o desactivar la capacidad  de nuestro blog de interactuar con otros servicios en linea. Podemos también integrar una pequeña encuesta sobre la opinión del visitante sobre los contenidos etc. La barra o columna de usos múltiples en blogger (que por lo regular se encuentra en el costado derecho de la pantalla) cuenta con mayor flexibiliada aun, ya que tienen una serie de espacios configurables en donde podemos integrar nuevos programas con nuevas características. 


Dichos códigos con nuevas funciones se llaman GADGETS y en algunas plataformas se llaman GIZMOS. Son palabras en ingles 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 el 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 caracteristicas básicas en el formato de entradas, como por ejemplo: el formato de la fecha, las etiquetas, las encuestas para usuario, el texto de salto de pagina (que veremos continuación) 

2.-  LISTADO DE PAGINAS DE NUESTROS COMPAÑEROS

Utilizando el GADGET del listado de paginas podemos crear un pequeño directorio de los miembros de este grupo. Este apartado logra activar dichos hipervinculos de modo tal que quedan permanentemente añadidos a la columna de usos múltiples de blog. 

3.- GADGET DE SUSCRIPCIONES

Este Gadget funciona recopilando los correos electrónicos de los visitantes a nuestra pagina estas direcciones se convierten en una lista de usuarios a los que les llegara de forma automática una copia de las entradas recientes que podrán ler en la bandeja de entrada de su correo inbox o bien en dar click para accesar directamente al blog.

 4.- GADGET DE BÚSQUEDA PERSONALIZADA 

Esta pequeña aplicación crea un campo de búsqueda que emplea tecnologia de Google que primero trata de encontrar incidencias en las publicaciones de palabras clave, etiquetas redacciones alternas etc, Podemos tambien configurarlo para que muestre resultados de las paginas que mencionamos o ligamos desde nuestra pagina 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 permanentemente pegada en la plantilla del blog, Las ventajas son varias: por una parte el contenido no se rezaga en entradas pasadas, ademas cualquier cambio realizado directamente en la galería de FLICKR se refleja de modo sistemático en la ventana del blog. 

Asumiendo que "refrescamos" la pagina o presionamos la tecla F5. Esta es una manera practica de mantener vigente el contenido del blog. 

Del mismo modo en que podemos "transplantar" códigos en las entradas (en la forma de presentaciones interactivas cono las de PREZI y/o diapositivas 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 del blog. 

6.- GADGET DE ENCUESTAS 

Esta pequeña aplicación permite generar una pregunta y ofrecer varias respuestas para llevar un concenso dentro del marco de un periodo finito de tiempo. Podemos permitir cualquier numero de respuestas y, una vez terminada su ventana de aplicación, podemos mostrar los resultados de la interacción con los usuarios.