sesión 11: estadísticas

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.

Fuentes de tráfico
Esta sección nos permite determinar las direcciones de internet que reverencian visitas a nuestro blog.

Público
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 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.
Selleccionamos la sección de 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. Aqui es posible seleccionar un diseño general para el blog. Y debajo del diseño de blogger nos da la opción para modificar los colores del diseño.
Seleccionamos el diseño y damos click a "aplicar al blog" , después "ver 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 personalizada

En 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 el ancho

Esta sección nos permite ajustar el tamaño de las entradas 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.

Texto 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 del fondo de las entradas. 

Enlaces

Esta sección nos permite determinar el color de los enlaces del blog. Aqui 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.

Titulo 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

Estilo de la entrada
Esta sección nos permite determinar el color del texto de pie de pagina y el color del borde de cada entrada

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"

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.

Utilizaremos ACDsee para diseñar una cabecera personalizada para nuestro blog.

1.- Abrimos el programa ACDsee

2.- Abrimos un documento nuevo:
File-New
Elegimos el tipo de fondo para el nuevo documento:
Background-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 límites de la pantalla.

3.- Color del rectángulo

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

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

4.-Color de la orilla del rectángulo

seleccionamos el color de la orilla del rectángulo

ajustamos el color de la orilla del rectángulo (line style)

ajustamos el grosor de la orilla a 5 pixeles

5.- Insertamos el texto

Elegimos la herramienta de texto

Elegimos el tamaño de texto

Elegimos el color de texto

6.- Sombreado del texto

Seleccionamos el texto

Seleccionamos en el  menú - objeto - Drop Shadow

7.- Parámetros del sombreado

Angle: representa el ángulo de la sombra

Offset: representa la posición de la sombra

Blur: representa el dofuminado de la sombra

Opacity: es el contro, de la oscuridad de la sombra

Insertar imagen

se busca una fotografia o dibujo para complementar el diseño del encabezado

una vez localizada la imagen, se copia (ctrl-c)

dentro de ACDsee se pega (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 de 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 salvo en ACDsee

seleccionar en ubicación "en lugar del título y la descripción"

se selecciona guardar

sesión 8: Edición básica de plantillas en blog

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 nos 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 soble la opinión del visitante sobre nuestros 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    flexibilidad aún, ya que tiene 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 otras 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 nuestro panel de control localizamos nuestro apartado de DISEÑO y desde ahí accesamos la paleta de GADGETS.

1.- MENU 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, las etiquetas, las encuestas para usuario, el texto de salto de página (que veremos a continuación) etc.

2.- LISTADO DE PAGINAS DE NUESTROS COMPAÑEROS
Utilizando el GADGET de listado de paginas podemos crear un pequeño directorio de los miembros de este grupo. Este apartado logra activar dichos hipervínculos de modo tal que quedan permanentemente añadidos a la columna de usos multiples de nuestro blog

3.- GADGET DE SUSCRIPCIONES

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 llegara de forma automática una copia de nuestra más reciente entrada, que podrán leer directamente en la bandeja de entrada de su correo (inbox) o bién dar click para llegar directamente a nuestro blog.

4.- GADGET DE BUSQUEDA PERSONALIZADA

Esta pequeña aplicación crea un campo de busqueda (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 páginas que mencionamos o ligamos desde nuestra página y en un caso extremos resultados de toda la web.

5. GALERIA DE FOTOS POR MEDIO DE UN GADGET DE HTML/JAVASCRIP

Podemos incorporar directamente desde un servicio como FLICKR una ventana de código permanentemente pegada en 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 F5. Esta es una manera práctica de mantener vigente el contenido de nuestro blog. 

De la mismo modo en que podemos "transplantar" código en nuestras entradas (en la forma de presentaciones interactivas PREZI y/o diapositivas de fotos tanto de FLICKR como 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

Está pequeña aplicación permite generar una pregunta y ofrecer varias respuestas para llevar un concenso dentro de un marco de un periódo finito de tiempo. Podemos permitir cualquier número den respuestas, y, una vez terminada su ventana de aplicación, podemos mostrar los resultados de la interacción con los usuarios.  

Segunda prueba de Blogger a Facebook

CREO EN TI 
Ya no importa cada noche que espere 
Cada calle o laberinto que crucé 
Porque el cielo ha conspirado en mi favor 
Y en un segundo de rendirme te encontré 

Piel con piel 
El corazón se me desarma 
Me haces bien 
Enciendes luces en mi alma 

Creo en ti 
Y en este amor 
Que me ha vuelto indestructible 
Que detuvo mi caída libre 
Creo en ti 
Y mi dolor se quedo kilómetros atrás 
Y mis fantasmas hoy por fin están en paz 

El pasado es un mal sueño que acabo 
Un incendio que en tus brazos se apago 
Cuando estaba a medio paso de caer 
Mis silencios se encontraron con tu voz 

Te seguí y rescribiste mi futuro 
Es aquí mi único lugar seguro 

Creo en ti 
Y en este amor 
Que me ha vuelto indestructible 
Que detuvo mi caída libre 
Creo en ti 
Y mi dolor se quedo km atrás 
Y mis fantasmas hoy por fin están en paz

sesión 7: Redes de comunicación entre servicios de internet

Uno de los objetivos primordiales de este diplomado es incorporar varias plataformas de comunicación electrónica, y establecer un nexo bidireccional de información entre todas ellas.

Los usuarios que decidan formar parte de este canal de información no requieren registrarse o formar parte de todos simultáneamente, sino que pueden seleccionar el eslabón de comunicación que les sea más práctico o accesible.

En este modelo de comunidad virtual que vamos a desarrollar a partir de blogger la información viaja así:


a) Creamos una entrada nueva en blogger. 
Aquí los usuarios que entren directamente a nuestra página van a toparse con información nueva. A menos que se suscriban al boletín de nuestro blog* (*Esta capacidad la exploraremos cuando editemos los componentes o gadgets de nuestra plantilla en una sesión posterior) a menos que se suscriban a nuestro blog, no tienen una manera automatizada de saber o notificarse de un contenido nuevo publicado. Dentro del modelo del canal de comunicación, ésta actividad (publicar su material nuevo) notifica en primera instancia a Twitter en la forma de un mensaje abreviado.

b) El boletín en Twitter
blogger genera una notificación automática en Twitter en forma de un mensaje condensado que incluye el encabezado de nuestra entrada y un link compacto que conduce al resto del contenido directamente a nuestro blog. (Cómo crear una cuenta en Twitter y las características básicas de operación será explicado a detalle en la sección de anexos de esta sesión). Nuestros seguidores en Twitter serán notificados, respectivamente en sus propios perfiles.

c) La página de Facebook.
Facebook, previa configuración puede generarse páginas de tipo promocional para diversas aplicaciones, tales como la difusión de eventos, productos, comercios e instituciones, las cuales se pueden administrar (llenar de información, fotografías, interacción con los seguidores etc)*
En estas páginas podemos activar la opción de permitir acceso externo, y mediante esta función ligamos una cuenta de Twitter que va a estar publicando duplicados de cada mensaje directamente desde nuestro blog.

ANEXOS:
1. Creación de cuenta de TWITTER
Utilizando la cuenta de correo de gmail empleada con anterioridad llenamos el formulario en la página de bienvenida www.twitter.com, poniendo especial atención en seleccionar el nombre en pantalla de nuestra cuenta que tiene la siguiente sintaxis:


@minombredepantalla

Es el símbolo de @ el que lo convierte en un referente en la comunicación de Twitter. Solo basta incluir en un mensaje el nombre de pantalla de cualquier usuario para crear un vínculo de comunicación temporal donde nuestras publicaciones pueden llegar a otros usuarios aún sin estar en calidad de contactos o seguidores de nuestra cuenta.

1.1 Las etiquetas o HASHTAGS 

La manera en que podemos catalogar, diferenciar y/o descubrir nueva información pertinente a un tema en particular es mediante la implementación de etiquetas. Estas son palabras o frases clave (que siempre deben de estar escritas sin espacios antecedidas por el símbolo  de NUMERO (#) ej: 

# etiquetahashtag

# olimpiadas2012

# eleccionesmexico 

Si yo quisiera reunir en una sola página información pertinente a las olimpiadas de Londres 2012, en el buscador de Twitter escribo #olimpiadas2012 y el programa me concentra en un solo listado todos los mensajes de Twitter que contienen información relativa a mi busqueda .

Del mismo modo los hashtags permiten llevar una conversación entre varios usuarios y poder diferencias los tweets de nuestra plática contra los de cualquier otro tema. 

2. TWITTER FEED 
Es un programa de enlace para crear un servicio automático de alimentación entre dos o más páginas. En el caso especifico de nuestro proyecto vamos a crear un lazo de información entre BLOGGER y TWITTER ya que no existen herramientas propias de nuestro blog para ligar dichas paginas. Para realizar esto creamos un usuario en www.twitterfeed.com. Esta página nos pide que creemos un canal de comunicación con los siguientes requisitos: Un nombre para dicho canal que identifique el vínculo creado (Ej. "Mi canal de comunicación", "Alimentación a mi cuenta de Twitter" etc.) y llenar el campo que indica "feed" con la dirección de nuestro blog, que es el que va a estar ligando los contenidos. Para verificar la debida conexión nuestro blog usamos el botón de TEST FEED que si nos arroja un renglón de FEED TEST OK en color verde comprobamos que esta funcionando el suministro de información.
El proceso continua cuando generamos un enlace con twitter, esto requiere que nosotros estemos previamente registrados en nuestra cuenta de twitter y tengamos en otra pestaña nuestro perfil abierto. Seleccionando el servicio de Twitter el navegador nos pide autorización para que Twitter feed accese nuestra cuenta. Despues de la activación el servicio queda en funcionamiento en ciclos de media hora. Esto es cada media hota de su activación TwitterFeed va a leer nuestro perfil de Twitter y si existiera una nueva entrada inmediatamente la publica como un nuevo Tweet.

3. Páginas utilizadas en FACEBOOK
Facebook no solo es una red social con fines de entretenimiento. Cuenta también con la capacidad de generarnos una serie de páginas con diversos propósitos y aplicaciones que facilitan la promoción y difusión de contenidos así como la interacción con diversos sectores del público a los que pudiera interesarles dicha información. Todo esto sin involucrar información personal o acceso a nuestras publicaciones o fotografías. Para una página de Facebook, nuestra cuenta de usuario (que sería nuestro perfil propiamente) es el administrador, y no una extención de nuestra cuenta de Facebook.