sesion 11 estadisticas

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

entradas

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

Fuentes de trafico

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

publico

sta sección nos permite conocer la ubicacion geográfica de las visitas, así como el explorador de intermite 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 blogeer. 


El plantilla de blogeer. nos permite estilizar las plantillas, fondos, y el ancho de nuestro blog.
para iniciar, entramos a nuestro blog en la sesion de vision general.


Seleccionamos la seccion de  plantilla.
Seleccionamos personalizar para n entrar al diseñador de plantilla de blogger

                       

El diseñador de plantillas de blogger:

El diseñador de plantillas de blogger: cuenta con  cinco sesiones plantillas, fondo, ancho, diseño y avanzado

PLANTILLAS

Esta seccion nos permite modificar el diseño de neutro blog utilizando diseños predeterminados. Aquí es incomposible es seleccionar el diseño general para el blog,  y debajo del blogger nos da la opción parta modificar colores del diseño.


Seleccionamos el diseñoy seleccionamos ¨aplicar al¨ blog¨

fondo:

esta selección nos permite modificar el fondo de nuestro blog. de acuerdo a una lista de fondos, 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¨.

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 imagenes de fondo nos es posible instar una fotografía o dibujo de nuestra elección como fondo o dibujo de nuestra eleccion desfondo, para hacer esto seleccionamos imagen de fondo¨y posteriormente subir imagen donde elegiremos la inagen que deseamos agregar como fondo.

   

Gama de colores principal:

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

Ajustan ancho:

Esta sección nos permite ajustar el tamaño de las entradas del blog, y las barras laterales derecha e izquierdas.

Diseño:

  Esta sección nos permite elegir varios tipos de diseño para el acomodo de las entradas y datos personales en diferentes lugares de de la pantalla.(del lado izquierdo. derecho,arriba o abajo).

Avanzado

  La seccioon avanzada del diseñador de plantillas blogger, nos pèrmite personalizar el tipo de letra y color de los textos del blog. así como el color de fondos y ensalces.

Texto de pagina

Esta opción nos permite desterminar el tipo de letra que tendrá el texto y el archivo blog.

Fondos

esta seccion nos permite determinar color de fondo exterior, fondo de cabera 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 enlace visitado, y el color del enlace cuando se coloca sobre el.

titulo de entrada

En esta opción es posible determinar el tipo de letra que tiene el texto y de las entradas.

cabecera de fecha

En esta sección es posible determinar el color de cabecera de fecha

Gadgeys

Este sección nos permite determinar el tipo de ¨datos personales¨, y ¨ archivo de blog¨ y la fecha de cada entrada. También nos permite delimitar el color de los ¨datos personales¨y archivo de blog,¨

Estilo de entrada.

Esta seccion nos permite determinar el color de texto de  pie de pagina y el color de borde de cada entrada.

sesion 9

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ánguloseleccionamos 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 difuminado de la sombra

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

Insertar imagen

se busca una fotografía 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

practica 8

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í acusamos 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 páginas 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 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 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 bien dar click para llegar directamente a nuestro blog.

4.- GADGET DE BUSQUEDA 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 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 "trasplantar" 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

segunda prueba de blogger a facebook

CONTIGO QUIERO ESTAR

Quisiera ser pensamiento para estar dentro de ti 
y saber por lo menos si piensas a diario en mi 
una mañana te vi en la tarde recorde estuviste 
en mi sueño y jamas te olvide me enloquece verte, 
me fascina mirarte, mi sueño es tenerte y que 
de mi vida formes parte hoy mantengo la ilusion 
quiza sea una locura y es que lo que siento por ti 
hasta la fecha perdura, son tus ojos, tu rostro 
y esa forma de ser las que dia con dia me hacen enloquecer 
aun no lo puedo creer el sentimiento va en aumento 
me has robado el aliento y se lo grito a los cuatro vientos 
contemplo el firmamento e imagino su silueta se estanco 
en mi pensamiento y mi corazon mas inquieta esta grieta 
mi corazon ha sanado yo completo mujer que me has hecho 
que me has vuelto un loco en efecto 

*CORO* 

De tus ojos y de tu forma de ser me enamoro 
cada ves que quiero verte amor ohuooo miro el tiempo 
y no lo puedo parar que contigo es con quien quiero estar 
amor uhouooo 

Tu mirada me enloquece y me pongo a temblar 
y es que siempre pienso en ti no dejo de suspirar 
veo la luna y las estrellas 
me ilumina el cielo poder estar contigo es lo que mas anhelo 
puedo pasar pruebas de fuego para estar junto a ti, eres la dueña 
de mi alma eres quien me hace feliz quiero entregarte mi vida, 
quiero entregarte mi ser, quiero entregarte mi amor 
a ti hermoza mujer es que solo pienso en ti lo hago a diario 
todo el tiempo y que mas puedo pedir 
si te llevo en mi pensamiento no se como explicar 
todo lo que me esta pasando yo te conoci 
y ahora me estoy enamorando y no se como paso 
no lo podia creer de repente entro a mi vida 
una hermoza mujer la que me hace enloquecer cuando me 
voltea ver sus ojos hermosos dulces como la miel. 

Y es que te llevo en mi a donde quiera que vaya 
un segundo sin ti y este hombre 
ya te extraña te doy mi vida te obsequi mi corazon 
desde lo mas profundo para ti esta cancion 
te quiero habitate en mi interior ha sanado 
la herida ha sanado el dolor mi temor se ha ido 
se que nunca volvera estoy seguro 
que este amor permanecera 

*CORO* 

De tus ojos y de tu forma de ser me enamoro 
cada ves que quiero verte amor ohuooo miro el tiempo 
y no lo puedo parar que contigo es con quien quiero estar 
amor uhouooo X2

practica 7

SESIÓN 7.

REDES DE COMUNICACIÓN ENTRE SERVICIOS DE INTERNET: 

         

 Uno de los objetivos 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 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 nueva entrada en Blogger: Aquí los usuarios que entren directamente a nuestra pagina 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 bole++tí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. (Como crear una cuenta en Twitter y las características básicas de operación sera 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 pagina de Facebook: Facebook, previa configuración puede regenerarnos paginas 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 anterioridadllenamos el formulario en la pagina de bienvenida de www.twitter.com, poniendo especial atencion en seleccionar el nombre en pantalla de nuestra cuenta que tiene la siguient sintaxis: 

@minombre de pantalla

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 implementacion 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 #olimpiadas 2012 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.- TWITERFEED
es un programa dde ebnlace para cerras un servicio automático de alimentación entre 2 o mas paginas.
en el caso esprcifico de muestro proyecto vamos a crear un lazo de cominuicaciomnentre el bloggery twiter para liogar dichas paginas. Para realizar esto creamos un usuario en www.twiterfeed.com Esta pagina nos purede que creemos un canal de comunicacion con los siguientes requisitos.Un nombre para dicho canal decomçunivcacionEj.Mi canal de comunicacion. Alimentando a mi cuenta de twiter, etc. t llenar el campo que indicaFEED con la direccion de nuestro blog.que es es va a estar generandoi los contenidos.Para verificar la debida comwxion de nuestro blog. usamos el boton de FEED TEST FEED que si nos arroja un renglon de FEED TEST OK. en color verde comproprobamos que esta funcionando esta el suministro de informacion.

El proceso continua cuando generamos un proceso con twiter, esto tequiere que estemos registrados en twiter y tengamos en otra pestaña nuestro perfilabioerto.Seleccionando el servicio de twiter el navegador nos pide autorizacion para que twiterfeed accese a nuetra cuenta.Despues ded la activacion el servicio queda en funcionamiento en ciclos de 1/2 hora.Esto es cada media hora la activacuion  twiterfeed va a leer nuestro perfil de blogger y si existiera una nueva entrada inmedio atasmente lo publica como nuevo tweet.

3.- Paginas utilitarias en facebook :

facebook no solo es una red social con fines de entretenimiento. cuenta tambien con la capacidad de generar una serie de paginascon diversosa propositos y aplicacioones quefacilitan la difusión de contenidos como la interelacion con diversos sectores de publico a los que pudiera interesar dicha ionformacioon.toido esto involucra informacion personalo acceso a nuestras publicaciones o fotoigrafias.Para una paginas de facewbook, nuestra cuenta de usuario(que seria nuestro perfil propiamente) es el administrador y no una extensioin  de nuestra cuenta de facebook.