edicion avanzada de plantilla

Edición avanzada de plantilla. Una manera mas completa de modificar nuestro blog es recurrir al editor avanzado de plantilla, que se encuentra en el menú de nuestro panel de control, en la opción de plantilla.

Accediendo a la sección de personalizar se accesa a la ventana de edición activa.

 (foto de interfase)

En este apartado podemos realizar modificaciones significativas en la apariencia de nuestro blog.

Comenzando con la selección de una plantilla nueva (primer apartado, esquina superior izquierda del menú) cada plantilla cuenta con un numero de variantes que pueden diferenciarse en color, tipos de letra, etc... el siguiente apartado es el de FONDO.

En este apartado podemos modificar el tema general de nuestro blog, que se refiere a la combinacion de colores coordinados en la apariencia de la pagina incluyendo los colores de la tipografía.

Contamos con la opción de seleccionar una imagen para integrar al fondo del blog. Esta imagen puede estar en los formatos mas comunes de fotos o ilustraciones como: JPG, GIF, PNG y BMP.

Dependiendo del tamaño de nuestra imagen se nos presenta la opción de convertir en mosaico de imagenes repetidas, centrar una sola imagen grande o bien estirar la foto para adecuarla a nuestra pantalla.

EDICIÓN DE ANCHO DE COLUMNAS:

En esta apartado podemos controlar la dimensión del área de escritura así como la columna de usos múltiples que aparece en un costado del blog. Es importante considerar que si buscamos que nuestro blog sea visto por muchas personas no podemos exedernos de una media aproximada de 700 a 850 pixels porque lograríamos que la pagina se desborde en la pantalla lo que seria incomodo de leer para personas con monitores pequeños.

MENÚ AVANZADO:

En este apartado podemos definir a detalle el color, la tipografía y el comportamiento de cada uno de los elementos graficos en nuestro blog. Dependiendo del diseño original de blog seleccionado previamente (en el primer apartado de plantilla) este menú nos muestra las diversas opciones de ajuste. Los colores propuestos están basados en la paleta básica 256 colores que están hechos para verse legiblemente en cualquier monitor no obstante su marca o tamaño.

BLOGGER Y EL USO DE LOS GADGETS

MUCHAS PLATAFORMAS DE SISTEMAS OPERATIVOS EMPLEAN PEQUEÑOS PROGRAMAS DESTINADOS  A REALIZAR UNA ACCION  DETERMINADA O INCLUSIVE FUNGEN COMO ENTRETENIMIENTO MOSTRANDO FOTOS Y JUEGOS.

WIDGETS /GADGETS EN WINDOSWS

WIDGETS/GADGETS EN MAC

WINDGETS/GADGETS EN GOOGLE

BLOGGER Y LA IMPLEMENTACION DE GADGETS.

EL DISEÑO DE UNA PAGINA DE BLOGGER SE ABORDA COMO UN CONJUNTO DE MODULOS QUE FUNCIONAN EN SINCRONIA COMO UN SOLO SERVICIO. EN REALIADAD EL CAMPO DE ESTRADAS, EL ENCABEZADO DE LA PAGINA Y LA COLUMNA LATERAL (QUE SON ELEMENTOS DEL BLOG) PUEDEN SER CONFIGURADOS INDEPENDIENTEMENTE.

ADEMAS DE ESTO,SE PUEDEN AÑADIR A NUESTRA PLANTILLA DE BLOG NUEVOS MODULOS DE CODIGO QUE LE BRINDAN A NUESTROS SITIO NUEVAS CARACTERISTICAS Y FUNCIONES.

EDICION BASICA DE GADGETS EN BLOGGER

1.-EL GADGET DE ENCABEZADO

EL ENCABEZADO  O CABECERA DE MI BLOG MODIFICA LOS SIGUIENTES CAMPOS.
el titulo principal, la descripcion y la opcion de incluir un banner DISEÑADO O UNA FOTO COMO ENCABEZADO DE  LA PAGINA.

2.-GADGET PARA EDICION   DE  ENTRADA.

EN ESTA VENTANA CONFIGURAMOS EL COMPORTAMIENTO DE LAS ENTRADAS UNA VEZ PUBLICADAS  EN NUESTRO BLOG. LOS AJUSTES QUE SE INCLUYEN SON:

• FORMATO DE FECHA.
• FORMATO DE RUBRICA O FIRMA DE LAS ENTRADAS.
• BOTONES DE EXPRESION, EL EQUIVALENTE EN BLOGGER DEL BOTON LIKE EN FACEBOOK. ESTE SE PUEDE CONFIGURAR PARA INCLUIR VARIAS POSIBLES RESPUESTAS.
• BOTONES DE COMUNICACION CON GMAIL,TWITTER, FACEBOOK, O BIEN PUBLICAR EN EL BLOG DE OTRO USUARIO.

3. ESTE NOS PERMITE REALIZAR UN LISTADO DE DIRECCIONES  DE INTERNET ORGANIZADAS POR NIVEL DE IMPORTANCIA  O ARBITRARIAMENTE.REQUIERE DE NOSOTROS QUE DEFINAMOS EL NUNERO MAXIMO DE LINKS QUE APARECEN EN LA PAGINA,LAS DIRECCIONES  ( HTTP:   DIRECCION DE MI PAGINA ) ADEMAS DE UN TEXTO DE IDENTIFICACION QUE DESCRIBE DE QUE SER TRATA EL LINK. POR LO REGULAR APARECE EN LA ESQUINA SUPERIOR DERECHA EN LA BARRA LATERAL.

4. MOTOR DE BUSQUEDA PERSONALIZADA.

ESTE GADGET ES UNA VENTA DE BUSQUEDFA PARA LOCALIZAR PALABRAS ETIQUETAS O ENUNCIADOS DENTRO DE NUESTRO PROPIO BLOG, LE FACILITA A LOS USUARIOS  EN QUE NOS VISITAN LOCALIZAR CONTENIDOS AUN SIN TENER LA ENTRADA EXACTA O LA FECHA EN QUE FUE PUBLICADA..

5.PODEMOS GENERAR ENCUESTA DE OPCION MULTIPLE DE RESPUESTA SENCILLA Y MULTIPLE TAMBIEN ESTE  GADGET PUEDE LLEVAR UN CONTEO DE LAS RESPUESTAS DE LOS VISITANTES  ADEMAS DE PERMITIR LA IMPLEMENTACION DE UN NUMERO INDETERMINADO DE RESPUESTAS.

UTILIZA UNA FUNCION DE CALENDARIO PARA LLEVAR UN REGISTRO DE LA FECHA LIMITE PARA MANTENER LAS VOTACIONES ABIERTAS DE MANERA AUTOMATIZADA.

6.CODIGO HMTL

ESTA ES UNA VENTANA DE EDICION DE CODIGO DONDE PODEMOS PEGAR INSTRUCCIONES DE OTRAS PAGINAS AGENAS  A BLOGGER. PODEMOS INCORPORAR VARIAS APLICACIONES COMO :DIAPOSITIVAS DE FLICKER, VIDEOS DE YOU TUBE, JUEGOS EN FLASH ,ETC.

Entrada de prueba de intercomunicacion de twiter comunicacion entre blogger tweeter y facebook.

ESTA ENTRADA SIRVE PARA PROBAR EL ENLACE DEL TWITTERFEED QUE CREA UN CANAL DE COMUNICACION ENTRE LAS PUBLICACIONES DE BLOGGER LOS MICROBLOGS DE TWITTER Y , MEDIANTE LA CONFIGURCION DE ESTE ULTIMO, LAS ENTRADAS EN UNA PAGINA DE FACEBOOK

usando twiteer'feed y configuracion vanzada

CON EL OBJETIVO DE CRAE UNA RED DE COMUNICACION  ENTRE 3 PLATAFORMAS DE COMUNICACION FACEBOOK BLOGGER Y TWITTER PODEMOS CONFIGURAR ESTOSSERVICIOS EN LINEA DE MODO TAL QUE UNO ACTIVE EL OTRO Y PUEDAN INTEGRARSE COMO UN SOLO MEDIO DE COMUNICACION.

-----AQUI VA UNA FOTO DE LA PARTE DE TWITTER EN LA QUE CONFIGURAMOS FACEBOOK---

DE ESTA MANERA PERMITIMOS QUE TWITTER TENGA ACCESO RESTRINGIDO POR QUE  SOLO APLICA A LA PAGINA QUE CREAMOS, NO A NUESTRO PERFIL COMPLETO DE FACEBOOK Y  PUBLIQUE UNA COPIA DE CADA ENTRADA EN  EL PERFIL DEL SITIO DE TIPO EDUCATIVO QUE FUE CREADO EN FACEBOOK.

CREAMOS ENTONCES UN USUARIO EN LA PAGINA DE TWITTERFEED.COM .

/////////////Y AQUI VA FOTO DE LA PAGINA COMPLETA DE TWITERRFEED////

//////AQUI UNA IMAGEN DEL BOTON DE REGISTRO////////////

ESTA PAGINA ES UN SERVICIO DE LECTURA Y VINCULACION DE RSS(REAL SIMPLE SINDICATION) QUE SE TRADUCE COMO PUBLICACION REALMENTE SIMPLE. SE REFIERE A UNA SERIE DE SERVIVIOC COMBINADOS QUE PERMITEN LA AUTOMATIZACION DE LAS ENTRADAS EN VARIOS FORMATOS.

DE ESTE MODO ACTUALIZAMOS UN SOLO PORTAL Y , AL SER DETECTADO POR TWITTERFEED, SE CREAN COPIAS DE DICHA ENTRADA PERO EN FORMATO DE 144 LETRAS O MENOS (EL RESTO DEL CONTENIDO SE SUBSTITUYE POR UN LINK QUE MUESTRA EL RESTO DE LA INFORMACION DE MANERA CONDENSADA).

////////FOTO DE LA ENTRADA DE TWITTER CON EL TEXTO ABREVIADO.

25 DE FEBRERO DE 2012                        DIPLOMADO LOS BLOGS COMO RECURSO DIDACTICO.

BLOCG

COMO ESTA CONFORMADO:

FECHA:

LA ADMINISTRACIONDE FECHAS S UNA DE LAS CARACTERISTICAS PRINCIPALES DE LOS BLOGS. A PARTE DEL BENEFICIO INMEDIATO DE PODER ORGANIZAR CRONOLOGICAMENTE NUESTRAS PUBLICACIONES, NOS PERMITE ORGANIZAR,NOS PERMITE PROGRAMAR ANTICIPADAMENTE LA PUBLICACION DE CONTENIDOS A MODO DE AGENDAR FECHAS ESPECIFICAS PARA MOSTRAR NUESTROS ARTICULOS.

ENCABEZADOS.

LA REDACCION ADECUADA DEL TITULO DE NUESTRO ARTICULO HACE MAS PRACTICA LA PUBLICACION DE INFORMACION EN INTERNET POR DOS RAZONES:

·  ES FACIL IDENTIFICAR LOS CONTENIDOS

·  HACE MUY FACILES LAS BUSQUEDAS DE OTRAS PERSONAS EN NUESTRA INFORMACION.

CONTENIDOS.

SON EL CUERPO DE NUSTRA PUBLICACION MODO HOY EDESTINADOS EN UN PRINCIPIO A MOSTRAR TEXTO,DE CUALQUIER N DIA SE HA CONVERTIDO EN UNA VENTANA MULTIMEDIA QUE PUEDE INCLUIR LOS SIGUIENTES  FROMATOS:

·  TEXTOS

·  HIPERVINCULOS (LINKS LIGAS A OTROS SITIOS DE INTERNET)

·  IMÁGENES EN VARIOS FORMATOS.

·  ACTIVIDADES INTEREACTIVAS.

·  VIDEOS.

·  DIAPOSITIVAS EN LINEA.

ETIQUETAS.

SON PLABRAS CLAVES  QUE AUNQUE NO VENGAN INCLUIDAS EN EL CONTENIDO AYUDAN A FACILITAR SU BUSQUEDA Y MANERA EN QUE SE CATALOGAN PODEMOS INCLUIRLAS DE MANERA ILIMITADA AUMENTANDO CONSIDERABLEMENTE LAS POSIBILIDADES DE QUE OTRA PERSONA TENGAN ACCESO A DICHOS CONTENIDOS.

INTERCONECTIVIDAD C/OTROS SERVICIOS.

ESTA ES LA CONECTIVIDAD QUE LE  PERMITE A NUESTRO BLOG LA PUBLICACION AUTOMATIA SIMULTANEA EN OTRAS PLATAFORMAS DE COMUNICACIÓN POR EJEMPLO:

·  TWITTER

·  FACEBOOK

·  GOGGLE ETC.

ES MUY UTIL  PARA REPUBLICAR ARTICULOS ESPECIFICOS  QUE SON DE INTERES.(NOTA ESTA OPCION ES REDUNDANTE CUANDO HEMOS PROGTAMADO BLOGGER PARA QUE HAGA PUBLICACION SIMUTAMEAS AUTOMATICAS.

GADGETS.

SON PEQUEÑOS PROGRAMAS QUE AÑADIMOS A NUESTRO BLOG PARA INCREMENTAR SU FUNCIONALIDAD, POR EJEMPLO AÑADIR UN CUADRO DE BUSQUEDA QUE SIRVE PARA ,CAPTURAR UNA PALABRA DEL USUARIO Y COTEGARLA CON NUESTROS CONTENIDOS. TAMBIEN PODEMOS AÑADIR DIRECTORISO DE PAGINAS DE INTERNET CON VISTAS PREVIAS DE SUS DIRECCIONES , ETC.

COMMENTS.

TENEMOS LA OPCION DE PERMITIR  LA PUBLICACION DE COMENTARIOS,POR PARTE DE LOS USUARIOS DE NUESTRO  BLOG EN LAS SIGUIENTES MODALIDADES:

·  SOLO USUARIOS QUE TAMBIEN ESTEN REGISTRADOS EN BLOGGER.

·  USUARIOS QUE SE IDENTIFIQUEN CON UNA CUENTA DE CORREO.

·  USUARIOS ANONIMOS.

ADEMAS BLOGGER TIENE LA CAPACIDAD DE NOTIFICARNOS POR CORREO CUANDO NOS HAN DEJADO UN COMENTARIO.

EJEMPLO:

TITULO   ……    DESCRIPCIONDE CONTENIDOS DE BLOGS

 FECHA    …..             02/22/2012.

CONTENIDOS….

ETIQUETAS….

DIPLOMADOS,  BLOGS.

TAREA:

WWW.BLOGGER.COM  ABRIR USUARIO Y HACER UN DOCUMENTO CON NOMBRE.

REDACCION DE UNA ENTRADA DE PROCESOS INCORPORANDO CAPTURA

TITULO DE ENTRADA.

REDACCION DE UNA ENTRADA DESCRIPTIVA DE PROCESOS INCOPORANDO CAPTURA Y EDICION DE PANTALLAS.

CONTENIDO.

UNA DE LAS APLICACIONES MAS UTILES PARA LOS BLOGS ES UNA REDACCION DE PROCEDIMIENTOS DONDE SE NOS PERMITE  INTEGRAR VARIOS CONTENIDOS MULTIMEDIA TITULO DE LA ENTRADA.

, TALES COMO EL VIDEO, LAS IMAGENES Y LOS SONIDOS.

EN ESTA ENTRADA VAMOS A DESARROLLAR LA IMPLEMENTACION DE LA CAPTURA DE PANTALLAS

1.-CAPTURA  BASICA.

A)UBICAMOS LA TECLA PRINT SCREEN EN  EL TECLADO.NORMALEMENTE SE ENCUENTRA ABREVIADA COMO PTR, SCR O IMP PANT EN EL CASO DE LAS LAPTOPS ES UNA FUNCION ADICIONAL ACCESABLE MEDIANTE LA TECLA FNC O ALT Y PRESIONANDO LA TECLA PERTINENTE EN EL TECLADO.

EJEMPLO.PRINT SCREEN NOS COLOCADO EN LA MEMORIA TEMPORAL DE LA MAQUINA LA FOTO DE LA PANTALLA COMPLETA, Y LA PODEMOS PEGAR EN CUALQUIER PROGRAMA DE EDICION DE IMAGENES MEDIANTE EL COMANDO PASTE PEGAR O CTRL    V.

ABRIMOS EL PROGRAMA PAINT.

2. CAPTURA SELECTIVA.
SI LA TECLA DE PRINT SCREEN CAPTURA TODA LA PANTALLA PODEMOS PODEMOS MODIFICAR SU COMPORTAMIENTO PRESIONANDOLA EN CONJUNTO CON LA TECLA ALT PARA CREAR UN CAPTURA SELECTIVA.

EJEMPLO.

3.CAPTURA DE ASPECTOS.
PODEMOS CAPTURAR ASPECTOS ESPECIFICOS DE LAS IMAGENES QUE CREAMOS, COMO BOTONES, TEXTOS ETC. PARA CREAR UN FOCO DE ATENCION O EJEMPLIFICAR DE MANER MAS ADECUADA, SI UTILIZAMOS LA FUNCION DE CROP O DE RECORTAR DE PAIN.
EJEMPLOS.

CONTENIDO DE LA PRACTICA.

EJERCICIO MATON.

ILUSTRAR EL PASO POR PASO DE LA CREACION DE UN USUARIO EN EL PORTAL DE ALOJAMIENTO DE IMAGENES FLICKR.

PASOS.

1.ACCEDER A WWW.FLICKR.COM (CAPTURAR LA PANTALLA DE LA PAGINA DE BIENVENIDA)

2.RECORRER LA PAGINA HASTA LA PARTE INFERIOR Y SELECCIONAR EL IDIOMA DE PREFERENCIA(CAPTURAR ASPECTO).

3.LOCALIZAR EL BOTON GRANDE DE  LETRAS ROSAS REGISTRATE  (ASPECTO).

4.LLENAR FORMULARIOS (PAGINA COMPLETA, ANTES Y DESPUES DE LLENADO).

5.SEGUIR EL PROCEDIMIENTO QUE SE INDICA HASTA LLEGAR A LA PAGINA DE BIENVENIDO PERSONALIZADA QUE NOS SALUDA EN VARIOS IDIOMAS (PAGINA COMPLETA).

SEGUIMIENTO.......

1. EL SERVICIO DE TWITTER (PONER IMAGEN DE PAGINA PRINCIPAL).

a)CREAR NUESTRO USUARIO @MINOMBRE.

b)GREGAR A 10 COMPANEROS DEL DIPLOMADO COMO CONTACTOS.

c)AGREGAR A 5 CELEBRIDADES,CONOCIDOS,ARTISTS ETC.

d)CONFIGURRLO PARA QUE NOTIFIQUE A FACEBOOK (DESPUES DEL SIGUIENTE APARTADO).

CREACION DE  USUARIO

AGREGAR COMPAÑEROS

AGREGAR FAMOSOS O CELEBRIDADES

ENVIAR DESDE FLICKER UN LINK CON FOTOS

APLICACIONES Y VENTAJAS DE USAR TWITTER.

1.DEBIDO A QUE EL FORMATO DE 140 CARACTERES ES RELTIVAMENTE PEQUEÑO,PODEMOS MANTENER EL FLUJO CONSTANTE DE INFORMACION, ALIMENTANDO DESDE CELULARES , TABLETAS, LAPTOPS ,COMPUTADOREAS DE ESCRITORIO ETC.

2.AUN ASI ES UNA HERRAMIENTA BASTANTE FLEXIBLE YA QUE PERMITE LA INCLUISION DE LINKS (HIPERVINCULOS). QUE PUEDEN LIGAR DIRECTAMENTE A FOTOGRAFIAS O EXTENSIONES MAYORES DE TEXTO.

3.LA HERRAMIENTA HASHTANG .....USDA EN LA CREACION DE TOPICOS (TEMAS HECHOS PARA COMPARTIRSE Y EN DONDE SE PUEDE CONTRIBUIR DE MANERA MASIVA) QUE AYUDAN A FILTRAR LOS CONTENIDOS DE LOS TWEETS. EJEMPLO.