SESIÓN :11 ESTADÍSTICAS

Estadísticas:

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 entradas y de nuestro blog en general.

Entradas.

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

Fuentes de trafico.

Esta sección nos permite determinar las direcciones de internet que referencian 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, y el sistema operativo utilizado por los usuarios que visitan el blog.

SESIÓN 10: EDICIÓN DE PLANTILLAS

   En esta sesión veremos como estilizar nuesta plantilla de acuerdo a nuestras necesidades de diseño utiliando el diseñador de plantillas de blogger.

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

Para iniciar, entraremos 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.

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 de 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:

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 elegimos 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 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 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ñar 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 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 de 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 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.

SESIÓN 9: EDICIÓN DE IMÁGENES EN ACDSee

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 Blogger.

1.  Abrimos el programa acdsee
2. Abrir un documento en el programa ADCSEE (file-new)
3. eligiendo el color del rectángulo.

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

4. Eligiendo el color de la orilla del rectángulo, seleccionamos el colort de la orilla del rectángulo, ajustamos el color de la orilla a 5 pixeles.line style)

5. INSERTANDO EL TEXTO

• Elegimos la herramienta del texto
• Elegimos el tamaño del texto
• Elegimos el color del texto

6. SOMBREADO DEL TEXTO

Seleccionamos el texto.

Seleccionamos el menú - Objeto - Drop shadow

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 opacidad de la sombra

   

Insertar una imagen

Se busca una fotografía o dibujo para complementar el diseño del encabezado.

Una vez localizada la imagen, se copia (ctrl-c) y dentro de ASdsee se pega la imagen (ctrl-v)

8.- SALVANDO LA IMAGEN PARA INSERTARLA EN BLOGGER.

Una vez terminado 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 BLOGGER

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 ASDsee.

Seleccionar en la ubicación "en lugar del título y la descripción" y se selecciona guardar.

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 implementaciòn y funcionalidad desde que creamos la cuenta. De cualquier modo muestro 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 u 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 tienen sus propios ajustes o controles, podemos personalizar cualquier dato, como la fecha y activar o desactivas 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 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 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 aparato de DISEÑO y de ahí accesamos a la paleta de GADGETS.

1. MENÚ DE CONTROL DE ENTRADAS: Este aparato define el comportamiento de las caracteristicas 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 páginas podemos crear un pequeño directorio de los miembros de este grupo. Este apartado logra activar dichos hipervínculos de modo que quedan permanentemente añadidos a la columna de usos múltiples 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 llegará 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 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 desde nuestra página y en su caso extremos resultados de toda la web.

                                                                

5.- GALERIA 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 de nuestro blog. Las ventajas son varias: por una parte no se rezaga en entradas pasadas nuestro contenido además, cualquier cambio realizado rirectamente en nuestra galeria en Flikr 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 practica de mantener vigente el contenido de nuestro blog.

Del mismo modo en que podemos "trasplantar" código en nuestras entradas (en la forma de presentaciones interactivas como las de PREZI y/o diapositivas 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 genera 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.

segunda prueba de blogger a facebook!!!!!!

Y SI TE QUEDAS QUE?

De Santiago Cruz.

Sé que estas cansada 
que has tenido un día largo 
y quieres apagar el mundo. 
Sé que todo el día 
he contado las horas 
para tenerte cerca. 
Sé que a veces piensas 
que has equivocado 
pasos en tu vida. 
Sé que a veces pienso 
que si no te tengo 
para que mas pasos. 
Sé que quiero que seas 
lo primero que vea 
cuando abra mis ojos. 
CORO 
Y si te quedas esta noche 
y si me abrazas en la cama 
y si encaramos por fin tantas ganas 
de ser los testigos de nuestras mañanas. 
Yo por mi parte estoy dispuesto 
a desnudarte el pensamiento 
a ser colono de cada rincón 
ser tu roca y tu bien, tu final y comienzo. 
Y si te quedas esta noche 
y si te quedas qué?
Cuando cruces la puerta 
deja atrás tus dudas 
y tus remordimientos. 
Para que pensar 
si somos el capricho 
de lo que sentimos. 
Cuando te despiertes 
y me veas sonriendo 
va a tener sentido. 
Todo el tiempo ido 
que he desperdiciado 
antes de estar contigo. 
Solo quiero que seas 
lo primero que vea 
cuando abra mis ojos. 
CORO 
Y si te quedas esta noche 
y si me abrazas en la cama 
y si encaramos por fin tantas ganas 
de ser los testigos de nuestras mañanas. 
Yo por mi parte estoy dispuesto 
a desnudarte el pensamiento 
a ser colono de cada rincón 
ser tu roca y tu bien, tu final y comienzo. 
Y si te quedas esta noche 
y si te quedas qué? 
y si te exploro qué? 
y si te entiendo qué? 
y si te siento qué? 
CORO 
Y si te quedas esta noche 
y si me abrazas en la cama 
y si encaramos por fin tantas ganas 
de ser los testigos de nuestras mañanas. 
Yo por mi parte estoy dispuesto 
a desnudarte el pensamiento 
a ser colono de cada rincón 
ser tu roca y tu bien, tu final y comienzo. 
Y si te quedas esta noche 
y si te quedas qué? 
y si te quedas qué? 
y si te quedas qué?

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 nueva entrada 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) no tienen una manera automatizada de saber o notificarse de un contenido nuevo publicado. Dentro del modelo del canal de comunicación, esta actividad (publicar 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 en nuestra entrada y un Link compacto que conduce al resto del contenido directamente en 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 regenerarnos 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 paginas 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 en Twitter ulilizando la cuanta de Gmail empleada con anterioridad llenamos el formulario en la página de bienvenida de www.twitter.com, poniendo especial atencion en seleccionar el nombre en pantalla de nuestra cuenta que tiene la siguient 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 vinculo de comunicación temporal donde nuestras publicaciones pueden llegar a otros usuarios aun sin estar en calidad de contactos o seguidores de nuestra cuenta.

                                                         

1.1. Las etiquetas o HASTHAGS: 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 estar escritas sin espacios antecedidas por el símbolo de numero (#) ejemplo 

#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 búsqueda.

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

2.  TWITTERFEED: 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 blogs para ligar dichas páginas. Para realizar esto creamos un usuario en www.twitterfeed.com (podemos utilizar la cuenta de gmail) Esta página nos pide que creamos un canal de comunicación con los siguientes requisitos: Un nombre con dicho canal  que identifique el vinculo creado (Ejem: "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 generando los contenidos. Para verificar la debida conexión de nuestro blog usamos el botón de TEST FEDD que si nos arroja un renglón de FEDD TEST OK en color verde comprobamos que está funcionando el suministro de información.

 

El proceso continúa 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 twitterfeed accese  nuestra cuenta. Después de la activación el servicio queda en funcionamiento en ciclos de 1/2 hora. -esto es cada 1/2 hora después de su activación twitterfeed  a "leer" nuestro perfil de blogger y si existiera una nueva entrada inmediatamente la publica como un nuevo tweet.

3. PÁGINAS UTILITARIAS EN FACEBOOK : Facebook no es solo 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 los diversos sectores de publico a los que pudiera interesarles dicha información.
Todo esto sin involurar información personal o acceso a nuestras publicaciones o fotografías. Para una página de facbook nuestra cuenta de usuario (que seria nuestro perfil propiamente) es el administrador, y no una extensión de nuestra cuenta de facebook.