SESION DIEZ: Edicion de plantilla

EDICIÓN DE PLANTILLA

En esta sesion 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 plantilla del blogger nos permite estilizar las plantillas. Fondos el ancho y  diseño general de nuestro blog.


Para iniciar. entramos a nuestro blog en la seccion de vision general.


Seleccionamos la seccion 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 prederminados. Aquí es posible seleccionar  un diseño general para blog, y debajo del diseño blogger  nos da la opción para modificar 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 fondo 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 seleccionados "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 combinen con la imagen seleccionada.

AJUSTAR ANCHO

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

DISEÑO

Esta sección nos permite elegir entre varios tipos de diseño par 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, ariba 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 Pagina

Esta opción nos permite determinar el tipo de letra que tendrá el texto de las entradas y 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.

Esta seccion nos permite determinar el color de los enlaces del blog. Aquii es posible determinar el color del enlace, 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 determinarr el tipo de letra que tendra el texto d las entra

 

Cabecera de fecha

En esta seccion es posible determinar el color de cabecera de fecha.

Gadgets

Esta seccion 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".

SESION NUEVE: EDICION DE IMAGEN

SESION NUEVE 

EDICION DE IMAGEN

ACDSEE

Es un programa que permite la edicion de imagenes y fotografias, utilizando herramientas avanzadas de diseño grafico.

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

Paso1

Abrimos el programa de ACDsee 

.

Paso 2

Abrimos un nuevo documento: File-New

Eligemos el tipo de fondo para el nuevo documento

Background-transparente

Elegimos el ancho(width) 760pixeles.

Elegimos  la altura (height)  300 pixeles

Elegimos la  resolucion 96 pixeles/inch.

El tamaño elegido para el fondo permitirá que el encabezado de despliegue de forma correcta   y que no se salga de los limites de la pantalla.

3.- ELIGIENDO EL COLOR DEL RECTANGULO:

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

Añadir leyenda

              




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

Color de la orilla  del rectángulo.

4.- Eligiendo el COLOR DE  LA ORILLA DEL RECTANGULO:

Seleccionamos el color de la orilla del rectángulo.

         Ajustamos  el tamaño de la orilla del rectángulo.   (line

style).

5.- Insertando el texto

Elegimos la herramienta de texto.

Elegimos el tamaño del texto.

Elegimos el color del texto.

6.- SOMBREADO DEL TEXTO

Sombreado del texto

Seleccionamos el texto

Seleccionamos en el menu-objeto-drop shadow.

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.

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)

8.- salvando la imagen para isertarla en blogger:

Una vez terminado la edicion de la imagen, es necesario exportarla a un formato que pueda se importado al encabezado dentro de blogger.

Se selecciona file- Save as.

Y selecciona el formato PGN, en la pestaña de tipo de archivo y selecciona guardar.

Utilizamos el formato PGN,  ya que este formato optimiza las imágenes para el 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  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 titulo y la descripción"

Se selecciona guardar.

Cuando tu estas conmigo,  es cuando yo digo  que valió la pena  todo,todo lo que yo he sufrido.  no se si es un sueño aún  o es una realidad  pero cuando estoy contigo es cuando digo: que este amor que siento es porque tu lo has merecido, con decirte amor que otra vez he amanecido llorando de felicidad;  a tu lado yo siento que estoy viviendo nada es como ayer. Abrázame que el tiemo pasa y el nunca perdona,  ha hecho estragos en mi gente como en mi persona.  abrázame que el tiempo es malo y muy cruel amigo,  abrázame que el tiempo es oro si tu estas conmigo,  Abrázame fuerte, muy fuerte, más fuerte que nunca,  siempre abrázame.  Hoy que tu estas conmigo,  yo no se si esta pasando el tiempo o tu lo has detenido  así quiero estar por siempre,  aprovecho que estas tu conmigo  te doy gracias por cada momento de mi vivir  Tu cuando mires para el cielo, por cada estrella que aparezca amor es un "te quiero". Abrázame que el tiempo hiere y el cielo es testigo que el tiempo es cruel y a nadie quiere por eso te digo: Abrázame muy fuerte amor, mantenme así a tu lado yo quiero agradecerte amor todo lo que me has dado,  quiero corresponderte de una forma u otra a diario; amor yo nunca del dolor he sido partidario,  pero a mi me toco sufrir cuando confié y creí  en alguien que juró que daba su vida por mi.  Abrázame que el tiempo pasa y ese no se detiene,  abrázame muy fuerte amor que el tiempo en contra viene,  abrázame que dios perdona pero el tiempo a ninguno,  abrázame que no le importa saber quien es uno,  abrázame que el tiempo pasa y el nunca perdona  ha hecho estragos en mi gente como en mi persona,  abrázame que el tiempo es malo y muy cruel amigo  abrázame muy fuerte amor para ver la letra completa haz clic aqui http://www.musica.com/letras.asp?letra=5662

Sesión Ocho: Edición Básica Plantillasde Blogger

Sesión Ocho: 

 Edición  Básica  Plantillas  de  Blogger

              La plantilla cuenta con muchas opciones y características predeterminadas que permiten su implementación  y  funcionarial desde creamos la cuenta. De cualquier modo, nuestro blog cuenta con una serie de herramientas adicionales que, combinándolas con la restructuración del espacio y ajustes mínimos por parte del administrador(nosotros) nos permiten crea 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 personalizar cualquier dato, como la fecha y activar o desactivar o desactivar la capacidad de nuestro blog de interactuar con otros servicios en linea. Podemos también integrar una pequeña encuestas sobre la opinión del visitante sobre nuestro contenidos, etc.   La barra o columna de usos múltiples en blogger(que por lo regular se encuentran en el costado derecho de la pantalla) cuenta con mayor flexibilidad aun, 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 llama GADGETS y en algunas otras plataformas se llaman GIZMOS. Son palabras en ingles usadas comumente para desiganr un aparato que realiza alguna función, sin ser especifico con su nombre.

Para acceder al menú de configuracion básica en nuestro 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ásica 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 pagina(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 para no usar la palabra nuestro, Este apartado logra activar dichos hipervinculos 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 pagina. Estas direcciones se  convierten en una lista de usuarios a los que les llegara de forma automática una copia de nuestra mas reciente entrada, que podrán leer directamente en la badeja 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) primero trata de encontrar incidencias en nuestras publicaciones de palabras clave, etiquetas redacciones alternas, etc..

Podemos también configurarlo para que muestra resultados de las paginas que mencionamos o ligamos desde nuestra pagina y en un caso extremos resultados de toda la web. 

                             

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

Podemos incorporar directamente desde un servicio como FLOCKER en una ventana de código permanentemente pegado en la plantilla de nuestro blog.

Las ventajas son varias: por una parte no se regaza en entradas pasadas en nuestro contenido, ademas cualquier cambio realizado directamente en nuestra galería en FLICKER 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  de mantener vigente el contenido del blog.

   Del mismo modo que podemos trasplantar código en nuestra entrada(en la forma de presentaciones interectativas como las de PREZI y/o dispositivas de fotos tanto de FLICKER como PICTOBROWER) 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.

6.-GADGET DE ENCUESTAS 

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

segunda prueba de blogger a facebook

Decir te quiero decir amor no significa nada
las palabras sinceras las que tienen valor son
las que salen del alma
y en mi alma nacen,solo palabras blancas
preguntas sin respuestas llenas de
esperanzas..
un amor como el mio no se puede ahogar
como una piedra en un rio
un amor como el mio no se puede acabar
ni estando lejos te olvido,
y no se puede quemar porque esta hecho
de fuego,ni perder ni ganar
porque este amor no es un juego.
(coro)sueños que son amor..
son sueños que son dolor.
yo necesito saber si quieres ser mi amante..

Es bonito reir amar y vivir todo por alguien
y si es preciso sufrir llorar o morir todo por
alguien.
yo necesito saber si quieres ser mi amante
yo necesito saber si quieres ser mi amante.
rep.(coro)
Vivir o morir vivir o morir...
pero contigo..
vivir o morir vivir o morir
quieres ser mi amante.....

SESION SIETE. REDES DE COMUNICACION SERVICIOS INTERNET.

                               SESION SIETE
                     REDES DE COMUNICACION 
                      SERVICIOS DE INTERNET
                   Uno de los objetivos primordiales de este diplomadoes incorporar mvarias plataformas de comunicacion electronica, y establecr un  nexo bidireccional de informacion entre  todas ellas.

                         Los usuarios que decidan formar parte de este canal de informacion no requiewren registrarse  o formar parte de todos simultaneamente, sitio que pueden seleccionar el eslabon de comunicacion que les sea mas practico o accesible.

                 En este modelo de comunidad virtual que vamos a desarrollar a partir de blogger la informacion viaja asi:

a) Creamos una entrada  nueva en Blogger.

Aqui los usuarios que entren directamente a nuestra pagina. van  toparse con información nueva a menos que se suscriban  Al boletín de nuestro blog *(*Esta capaciodad la exploraremos cuando editemos los componentes a gradets 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 comunicacion, esta actividad (publicar material nuevo) notifica en primera instancia a TWITTER .

B) El boletín en twitter.

Blogger genera una notificacion automatica en twtter en la forma de un mensaje condensado que incluye el encabezado de nuestra entrada y un click compacto que conduce el resto del contenido directamente en nuestro blogger( como crear una cuenta en twtter en las características  básica de la operación sera explicado a detalle en la sección de anexo de esta sesión)nuestros seguidores serán notificados en nuestros propios perfiles.

C) La pagina de FACEBOOK 

 

                   


   FACEBOOK previa configuración puede generarnos pagina de tipo de promocional para diversas aplicaciones, tales como la definició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 pagina podemos activar la opción de permitir acceso externo, y mediante esta función ligamos una cuenta de twitter que va a estar publicado duplicados de cada  mensaje directamente desde nuestro blogg.
 
 

Anexo.

TWITTER

1.- Crear cuenta en twitter utilizando la cuenta de de correo de gmnail empleada con anterioridad llenamos el formulario en la pagina de bienvenida de www.twitter.com poniendo especial atención en seleccionar el nombre en pantalla de nuestra cuenta que tiene la siguiente sintaxis.

@mi nombre de pantalla.

Es el símbolo de @ el que lo convierte en un referente en la comunicación de twitter , solo hasta 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 pertienente 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 (#)

Ej:

# etiquetashasblogg

#olimpiada 2012

#elecciones mexico

Si yo quisiera reunir en una sola pagina información pertinente a las olimpiadas de Londres 2012, en el buscador de twitter escrito # olimpiadas 2012 y  en programas 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 tweets de nuestra platica, contra los de cualquiera otro tema.


2.- twitterfeed.-

 








                   Es un programa de enlace para crear un servicio automático de alimentación entre dos o mas paginas, En 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 creemos un usuario en www.twitteerfeed.com(podemos utilizar la cuenta de gmail que se nos  olvida a cada rato).          





                                                                   Esta pagina nos pude que creamos un canal de comunicación con los siguientes requisitos.Ej.  un nombre creado ( 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 se va a estar generando los contenidos. Para verificar la debida conexion de nuestro blog usamos el boton TESTFEED 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. 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 nos pide autorización para TWITTERFEED accese nuestra cuenta. Después de la activación el servicio queda en funcionamiento en ciclos 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 TWITTER.


3.- Paginas utilitarias en FACEBOOK 


                                         FACEBOOK no solo es una red social con fines de entretenimiento cuenta también con la capacidad de generamos una serie de paginas 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 el publico a los que les pudiera interesarles la dicha información. 
Todo esto sin  minvolucrar información personal o acceso a nuestras publicaciones o fotografías. Para una pagina de Facebook, nuestra cuenta de nuestro usuario .
  (que seria nuestro perfil propiamente ) es el administrador, y no extenciòn de nuestra cuenta de Facebook.
















       

SESION 6: DIAPOSITIVAS EN FLICKR Y PICTOBROWER

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