SESIÓN 11 "ESTADISTICAS"

 

    

En 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 publicidad 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 trafico:

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 ubicacion geografica 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 utilizar 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 de plantilla.
Seleccionamos personalizar para entrar al diseñador de plantillas de blogger.
                                                                                                             
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 5 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 del 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 fotos predeterminadas, 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 nuestro gusto 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:

La gama de colores principal, nos permite cambiar el color del texto del blog de forma, combinen con la imagen seleccionada.

AJUSTAR ANCHO

Esta seccion nos permite ajustar el tamaño de las entradas del blog y las barras laterales derecha -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 permite acomodar las entradas y los datos personales en diferentes lugares de la pantalla (lado izquierdo, derecho, arriba o abajo).

AVANZADO

La sección avanzada del diseñador de plantilla 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:

Aquí la obció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:

En esta sección nos permite determinar el color de los enlaces del blog. Aquí es posible determinar el color del enlace,el color del enlaqce visitado, y el color del enlace4 cuando se coloca el ratón sobre el.











Titulo de la entrada:

En esta opción es posible determinar el tipo de letra que tendra el texto de la entradas.

Cabecera de fecha
Aquí 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. Tambien nos permite delimitar el color de los "datos personales" y "archivo del blog".

 

 

 

SESIÓN 9. EDICIÓN DE IMÁGEN

 
   ACCsee:
 Es un  programa que permite la edición de imágenes y fotografías, utilizando herramientas avanzadas de diseño gráfico.
Se utilizará para diseñar una cabecera personalizada para nuestro blog.


PASO 1.- Abrir el programa.


















PASO 2.- Abrir un  nuevo documento en el programa de 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.

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

PASO 3.-ELEGIR COLOR DEL RECTÁNGULO.

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

PASO 4.- ELEGIR COLOR, 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:

Elegir la herramienta del texto.


Elegir el tamaño del texto.


Elegimos el color del texto.




PASO 6.-SOMBREANDO EL TEXTO:


Seleccionamos en el texto
.
Seleccionamos el menú-objeto- Drop shadow.

PASO 7.-PARAMETROS 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 IMÁGEN:


Se busca una fotografía o dibujo para completar el diseño de el encabezado.

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

Dentro de ACDsee se pega la imagen (ctrl-v).


PASO 8.- SALVANDO LA IMAGEN INSERTADA EN BLOGGER.


Una vez terminada la edición de la imagen, es necesario exportarla a un  formato que se pueda ser importado al encabezado dentro del blogger.

Se selecciona file- save as


Y seleccionada el formato PNG, en la pestaña e 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.

PASO 9.- insertando la imagen en el blog:
Para insertar en el blog, nos ubicamos en la sección de vision general.

Posteriomente elige un  "Diseño".

Se selecciona Editar. en la sección se 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 de título y la descripción".

Seleccionar 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 nuestro blog cuenta con una serie de herramientas adicionales que, combinándolas con la reestructuracion   del espacio y ajustes mínimos por parte del administrador (nosotros) nos permite crear una pagina y una experiencia de usuario altamente personalizada y optimizada para nuestro proyecto.

CONSIDERACIONES:

nuestro Blog no es una sóla 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 personalizar cualquier dato, como la fecha, activar y 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 de nuestros visitantes 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 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ífico con su nombre. 

Para acceder al menú de configuraqciones básicas: en  nuestrro 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: las encuestas para usuario, el texto de salto de página (que veremos a continua

                        

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.

             listado de gmail de compañeros                                                     

                                                                            

                    

3.-GADGET DE SUBCRIPCIONES:

     Este Gadget funciona recopilando los correos electrónicos de los visitantes a nuestra página. Éstas 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.
          página principal de diseño

                                           

                                              

                       
4.- GADGET DE BÚSQUEDA PERSONALIZADA:
     Esta pequeña aplicación crea un campo de búsqueda (que emplea tecnología de GOOGLE). un campo de búsqueda que primero trata de encontrar incidencias en nuestras publicaciones de palabras claves de etiquetas, redacciones alternas, etc. Podemos también configurarlo para que nuestros resultados de las páginas que mencionamos o ligamos desde nuestra página y en un caso extremos resultados de toda la web.

CONFIGURAR SEGUIMIENTO POR CORREO ELECT.                                           CONFIGURAR EN HTML

CONFIGURAR CUADRO DE BÚSQUEDA                                               

                                                                    BUSQUEDA DE GMAIL

5.- GALERIA DE FOTOS POR MEDIO DE UN GADGET DE HTML/JAVASCRIT.

Podemos incorporar directamente desde un servicio como FLOCKR en una ventana de codigo permanente pegado en la plantilla de nuestro blog. Las ventajas son varias: por una parte  no se rezaga  en entradas pasadas en 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 pagina o presionamos la tecla F5. Esta es una manera practica de mantener vigente el contenido del blog.

Del mismo modo que podemos trasplantar código en nuestra entrada (en la forma de presentaciones interactivas como las de Prezi y/o dispositivas  de fotos tanto de  FLICKR como PICTOBROWSER)  PODEMOS EMPLEAR un gadget que puede interpretar dicho código y fijarnos permanentemente en la barra de usos múltiples a un costado de nuestro blog.

                                             CONFIGURAR GAL DE FOTOS

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 terminados su ventana de aplicación, podemos mostrar los resultados de la interacción con los usuarios.
              
             Encuesta a realizar                                                                                                                                    Encuesta ya realizada







                               

SEGUNDA PRUEBA DE BLOGGER A FACEBOOK

Letra de Noviembre Sin Ti :
La tarde se aleja,
el cielo esta gris
la noche aparece sin ti,
callado en la playa
te lloro en silencio otra vez
Me ahoga esta pena
no puedo vivir
las olas no me hablan de ti
sentado en la arena
escribo tu nombre otra vez

Por que te extrano
desde aquel Noviembre
cuando sonamos juntos
a querernos siempre
me duele, este frio Noviembre
cuando las ojas cain
a morir por siempre..

[Estribillo:]
Noviembre sin ti
es sentir que la lluvia
me dice llorando que todo acabo
Noviembre sin ti
es pedirle a la luna
que brille en la noche de mi corazon
otra vezz.. otra vez..

Quisiera decirte
que quiero volver
tu nombre va escrito en mi piel
ya es de madrugada
te sigo esperando otra vez
por que te extrano
desde aquel Noviembre
cuando sonamos juntos
a querernos siempre
me duele, este frio Noviembre
cuando las ojas cain
a morir por siempre...

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ónicas y establecer un nexo bidireccional de información entre ellas.

Losa 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 mas practico 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 anterior)  no tienen una manera automatizada de saber o notificarse de un contenido nuevo publicado. Dentro del modelo de canal de comunicación, esta actividad (publicar material nuevo) notifica en primera instancia a TWTTER en la forma de un mensaje abreviado.

b).- El boletín en Twtter.

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

c)- La página de FACEBOOK.

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

ANEXO:

1.- Creación en cuenta en TWITTER utilizando la cuenta de correo de gmail empleada con anterioridad llenamos el formulario en la página de bienvenida de 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 convierten 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 contacto 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 mediantee 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:

• #etiquetashasblogg
• #olimpiada 2012
• #elecciones México

       Si yo quisiera reunir un una sola página  información pertinente perteneciente a las olimpiadas de londres 2012, en el buscador de twtter escrito # olimpiadas 2012 y en programas me concentra en un solo listado 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 twitter de nuestra platica, contra los de cualquier otro tema.

2.- Twitterfeed.
         Es un programa de enlace para crear un servivio automatico de alimentación entre dos ó más páginas. En el caso especifico de nuestro proyecto vamos a crear un lazo de información entre blogger o twitter ya que n existe herramientas propias de nuestro blog para ligar dichas paginas. Para realizar esto creamos un usuario en www.twitterfeed.com (podemos utilizar la cuenta de gmail que se nos olvidaa cada rato) Esta pagina nos puede que creeamos un canal de comunicación con los siguientes requisitos. (ejemplo Mi canal de comunicación, Alimentacion a mi cuenta de twittwer, etc), y llenar el campo que indica FEED con la direccion de nuestro blog que se va a estar generando los contenidos. Para verificar la debida conexion de nuestro blog usamos el botón de TEST FEED que si nos arroja un renglon de FED TEST OK en color verde comprobamos que esta funcionando el suministro de información.



       El proceso continua cuando generamos un enlace en Twitter. Eso 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 os pide autorización para que TWITTRFEED accese a nuestra cuenta. Después de la activación  el servicio queda en funcionamiento  en ciclo de 1/2 hora. Esto es, cada media hora después de su activación TWITTERFEED va 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 solo es una red social con fines de entretenimiento. Cuenta también con la capacidad de generarnos una serie de paginas con diversos propósitos y aplicaciones que facilitan la promoción y definición de contenidos así como la interacción con los diversos sectores del publico a los que pudiera interesarles dicha información. Todo esto es 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 es una extensión de nuestra cuenta de Facebook.

SEXTA SESIÓN: REPASO.

Get the flash player here: http://www.adobe.com/flashplayer