Crear un blog en blogger

Click here to load reader

  • date post

    18-Nov-2014
  • Category

    Education

  • view

    434
  • download

    2

Embed Size (px)

description

 

Transcript of Crear un blog en blogger

  • 1. Crear un blog en BloggerCreacin, configuracin, diseo y multimedia Junio 2012
  • 2. 1. CMO CREAR Y CONFIGURAR UN BLOG EN BLOGGER Si quieres empezar en esto de los blogs, lo mejor es crear uno en Blogger, donde muchaspersonas empiezan a escribir sus bitcoras, y donde est alojado este blog. Slo tienes queescribir http://www.blogger.com en la barra de direcciones de tu navegador o hacer clic en esteenlace. Entonces aparecer la pgina principal de Blogger, en la que vas a realizar tressencillos pasos para crear tu blog. Lo nico que necesitas es una cuenta de correo electrnico,y no hace falta que sea la de Google, la empresa que posee este servicio gratuito de blogs obitcoras. Te animas a tener tu blog? Entonces, contina leyendo y empezars una nuevaaventura en la Red. 1.1. Primer paso: crear una cuenta Cuando entramos en Blogger, nos invitan a crearnos un blog con el lema: "Es muy sencilloy slo te llevar un minuto", pero antes convendra echar un vistazo rpido, como nos indicancon un enlace, para conocer de qu va esto. A continuacin, hacemos clic en el enlace colornaranja Crear un blog para comenzar esta aventura. La primera fase slo ser necesaria si no tenemos cuenta en Google. Si la tenemos, hayque hacer clic en el enlace "primero accede a ella", desde donde accederemos al segundopaso. No hace falta tener una cuenta en Google, pero conviene tenerla si queremos acceder atodas sus herramientas, que son las ms utilizadas en la Web, y para ello hay que rellenar unformulario. En todo caso, podemos crear un blog sin cuenta en Google, para lo cual tendremos quecompletar el primer formulario que nos aparece con el siguiente encabezamiento: En este formulario hay que incluir lo siguiente: Una cuenta de correo electrnico existente, que tendremos que repetir en el siguientecampo de texto. Aqu se escribe la direccin completa de la cuenta. Una contrasea escrita dos veces para evitar errores. Tiene que incluir ocho caracterescomo mnimo, y puede verificarse su fortaleza, es decir, su calidad como contrasea, haciendoclic en el enlace correspondiente. 2
  • 3. El nombre que aparecer como autor del blog y de los artculos. Se puede optar por unapodo o nickname, o por nuestro nombre real. Una verificacin, que consiste en escribir las letras que aparecen en una pequeaimagen, lo cual se hace para evitar que se creen cuentas automticamente. Activar la casilla de aceptacin de las condiciones. Conviene leer estas "Condiciones delservicio de Blogger", que muchos encuentran abusivas. Hacemos clic en la flecha Continuar, y continuamos con el siguiente paso. 1.2. Segundo paso: asignar un nombre al blog En esta fase simplemente escribiremos un nombre para nuestro blog, que podremoscambiar ms tarde, y le asignaremos una direccin de internet, que no podremos cambiar. Esimportante que la direccin (tambin llamada URL) sea corta y siempre con letras minsculas,sin caracteres especiales como acentos o ees, y sin huecos. La direccin suele ser el nombredel blog o el nombre del autor, pero se puede poner lo que se quiera. Para mi blog de prueba,que se llama "Mi blog en Blogger", le he puesto esta direccin: guadalinfo.sanlucarlamayor.Despus Blogger aade la parte final hasta quedar as: http:// guadalinfo.sanlucarlamayor.blogspot.com. Pero antes de continuar hay que hacer clic en el enlace que dice Comprobar ladisponibilidad para ver si ese nombre ya est elegido por otro miembro; y suele ocurrir confrecuencia que ya est utilizado, as que hay que aguzar el ingenio. Si ocurre esto, nos avisancon la frase: Lo sentimos, esta direccin del blog no est disponible. 1.3. Tercer paso: elegir una plantilla 3
  • 4. Por ltimo, tendremos que elegir una plantilla, que es el diseo general del blog.Elegiremos la que ms nos guste, pero ms adelante podremos cambiarla siempre quequeramos. La eleccin de la plantilla es importante, y por eso he escrito un artculo en esteblog, "Diseo y eleccin de la plantilla en Blogger", donde escribo unos consejos para elegir laplantilla adecuada. Y cuando pulsamos en la ltima flecha Continuar, ya tenemos nuestro blog en Blogger: Ahora habr que configurarlo y empezar a escribir. Pero eso es otra historia. 1.4. Cmo acceder al nuevo blog Un problema muy comn entre los principiantes es que no saben acceder a su nuevoblog. Se puede acceder de dos formas: La forma ms sencilla es ir a la pgina principal de Blogger, y all nos presentan unpequeo formulario con un campo de texto y otro de contrasea. En el primero escribimosnuestro nombre de usuario, en este caso nuestra cuenta de Google o la direccin completa dela cuenta de correo con que registramos nuestro blog. Cuando hagamos clic en el enlaceAcceder, llegaremos a nuestro Escritorio del blog. Escribiendo la direccin completa del nuevo blog como, por ejemplo: http://miblo-genblogger.blogspot.com. En este caso, aparecern unos enlaces en la parte superior del blog.Hay que hacer clic en Acceder, que est en la parte derecha, y entonces llegaremos a la pginaprincipal de Blogger para incluir nuestros datos. Si estamos conectados a Blogger en elnavegador (por medio de las cookies), hay que hacer clic en el enlace Escritorio, y entraremosdirectamente a nuestro blog. Y encima de ella veremos la barra de Blogger, con la que podremos entrar a la parte de laAdministracin a escribir una Nueva Entrada en el blog o a personalizar el Diseo, adems deotras funciones. 4
  • 5. Los visitantes vern el nuevo blog escribiendo su direccin o URL en la barra dedirecciones de su navegador. Pasados unos das, despus de que los buscadores hayan tenidotiempo para rastrear el nuevo blog, tambin se podr acceder a l simplemente escribiendo elnombre del blog en el buscador. Para terminar esta seccin, diremos que un usuario puede crearse ms de un blog enBlogger, y cuando se acceda al Escritorio o panel de control, aparecern all todos nuestrosblogs. 1.5. El panel de control o Escritorio Cuando accedemos a nuestro blog recin creado, nos encontramos con el Escritorio, quenos da acceso a la parte privada del blog o administracin. En la imagen superior muestro elmo, que incluye dos de mis blogs. Desde aqu controlamos todos nuestros blogs y tambin, a laizquierda, nuestro perfil de usuario y nuestra cuenta. El perfil de usuario es importante para formar parte de la comunidad de Blogger, que esmuy extensa en todo el mundo. Estos datos personales los podrn ver los visitantes de nuestroblog, pero tambin se vern mediante un enlace cuando escribamos un comentario en otroblog. Siempre es conveniente que escribamos algunos datos nuestros para que los dems nosconozcan, aunque sea un poco, pues no hay que olvidar que el carcter personal es importanteen los blogs. En el panel de control aparecen otros enlaces importantes, que corresponden a las princi-pales secciones de la administracin del blog: 1. Nueva entrada, para escribir un nuevo texto en nuestro blog. 2. Editar entradas, para ver todas las entradas escritas en el blog y editarlas. 3. Comentarios, si los hubiera, para mostrar todos los comentarios de nuestro blog. 4. Configuracin, para configurar nuestro blog, es decir, una serie de opciones parapersonalizarlo segn nuestros gustos y necesidades. 5. Diseo: para modificar el diseo elegido o escoger otro nuevo. 6. Monetizar: es una nueva opcin para ganar dinero con la publicidad de AdSense,propia de Google. Debajo del Escritorio, en la misma pgina, tenemos otras dos secciones. En la Lista delectura aparecen las ltimas entradas de los blogs a los que estamos suscritos comoseguidores o de otros blogs importantes. En Otras cosas recibimos informacin y ayuda sobreBlogger y otros aspectos relacionados con el blog. Conviene echar un vistazo a estas seccionesde vez en cuando. 5
  • 6. 1.6. Configuracin rpida de las opciones Los blogs de Blogger tienen, como todos los gestores de contenido, la parte privada de laadministracin, donde se escriben las entradas, se configura el blog y se modifica el diseo. EnBlogger, la estructura de la administracin del blog est dividida en cinco secciones demomento, que se corresponden con las cinco pestaas que destacan en la parte superior.Resulta til esta divisin visual, porque as sabemos dnde nos encontramos. Adems, Bloggerslo incluye aspectos bsicos de la estructura de un blog, y deja para otros gestores unasofisticacin que no siempre es positiva. Se echan de menos un par de cosas, pero en generaleste gestor est pensado para que sea sencillo de utilizar y para que sea inmediatamenteproductivo. Antes de empezar a escribir en el blog, conviene realizar una serie de cambios en laconfiguracin, aunque no hace falta que sean muchos. Ahora vamos a examinar unos posiblescambios que podemos realizar cuando hacemos clic en el enlace Configuracin del panel. Eneste caso, nos encontraremos con las tres pestaas caractersticas del panel del blog, y estactiva la de la configuracin: Debajo de la pestaa Configuracin aparece una fila con otras opciones, pero de entradaya estamos en la opcin llamada Bsico. Ahora vamos a analizar brevemente las opciones msimportantes, aunque muchas de ellas estn ya explicadas en el blog. 1. Bsico: 1. Herramientas de blog: podemos exportar las entradas y los comentarios de nues- tro blog en formato XML, y luego importarlas a otro blog de Blogger. Con el archivo XML podemos tener una copia de seguridad del contenido de nuestro blog. 2. Ttulo: es el ttulo del blog, que se puede modificar siempre que se quiera. 3. Descripcin: es una descripcin del blog, que aparecer debajo del ttulo en la ca- becera del blog. 4. Deseas aadir tu blog a nuestras listas?: es aconsejable. 5. Seleccionar editor de entradas: recientemente Blogger cambi el editor de entradas por uno ms completo, pero podemos elegir el antiguo, aunque no es recomendable. 2. Formato: en esta seccin se cambian los formatos de fecha y hora, y se adapta la zonahoraria que, en nuestro caso, es (GMT+01:00) Madrid. 3. Comentarios: en esta seccin se configuran los comentarios, aunque dicha configura-cin suele estar ya establecida de manera normal, y pocos cambios seran necesarios. 1. Ubicacin del formulario de comentarios: la mejor forma de incluir el editor de comentarios es en la Entrada incrustada a continuacin, como en este blog y en casi todos. Pero para ello tambin hay que activar la opcin Habilitar pginas de entrada de la seccin Archivo, en el punto 4 de esta configuracin bsica. 2. Moderacin de comentarios: para leer los comentarios antes de publicarlos. 4. Archivo: 1. Frecuencia de archivo: aqu establecemos la frecuencia con que deseamos que se guarden las entradas publicadas de forma visual en el lateral del blog. 2. Habilitar pginas de entrada?: las pginas de entrada son las pginas indivi- duales o enlaces permanentes para cada entrada, a los que se llega generalmente haciendo clic en el ttulo que una entrada tiene en la portada. Es importante tener habilitada esta opcin. 6
  • 7. 5. Feed del sitio: un feed es un anglicismo que se refiere a una forma de distribuir elcontenido de nuestro blog en otros blogs que recogen nuestro enlace de feed por medio de latecnologa RSS, situado en la parte inferior del blog con la expresin "Suscribirse a: (Entradas Atom)". Con ese enlace, se pueden publicar nuestras entradascompletas o cortas en otro blog automticamente conforme las vayamos publicando. 6. Permisos: en esta seccin se aaden autores nuevos al blog, de manera que se con-vierta en un blog colectivo. Los autores aadidos tienen la posibilidad de escribir entradas alblog, pero no de administrarlo a menos que el autor del blog se lo permita. Tambin se puedeelegir quines queremos que vean nuestro blog. 1.7. Configuracin de las entradas del blog Otro aspecto muy importante que tenemos que tener en cuenta es la configuracin de lasentradas del blog. Para ello, hay que ir a la seccin Diseo, y all tenemos que hacer clic en elenlace Editar de la parte de Entradas del blog, como se muestra en la siguiente imagenresaltado con dos cuadros rojos: Despus aparece la ventana de configuracin, de la que destacamos estas opciones: 1. Nmero de entradas en la pgina principal: Conviene que no haya muchas entradas en la pgina principal del blog,y el nmero depender de la longitud de las entradas y de su contenido. Siempre hay que procurar que la pgina principal del blog tarde poco en ser leda por el navegador para que el lector no tenga que esperar para ver todos los contenidos. 2. Texto de enlace de la pgina de entrada: es una nueva opcin que tiene que ver con lo dicho en el punto 1 de la seccin 2.2.3. de estos contenidos respecto a la divisin del texto de las entradas. 3. Mostrar edicin rpida: el icono del lpiz aparece en la parte inferior de la entradadel blog, junto al nombre del autor y la fecha, slo cuando estamos conectados a Blogger. Sirve para entrar directamente al editor del blog y editar dicha entrada. 4. Reacciones: es una opcin para que los lectores del blog califiquen cada entrada. Puede editarse para cambiar los adjetivos de la calificacin. En las dems opciones se puede cambiar el texto de los distintos elementos que se verngeneralmente al final de la entrada. Y en la parte inferior de la ventana, podemos Ordenarelementos arrastrndolos con el cursor del ratn. 1.8. Aadir gadgets al blog Para cambiar el diseo del blog, podemos acceder desde la pestaa Diseo o desde elenlace del mismo nombre que hay en el Escritorio. En esta seccin tenemos la posibilidad deaadir y organizar elementos de la pgina, una forma intuitiva de incluir nuevos elementos alblog. Los gadgets son unos elementos relativamente nuevos en la Web que la Wikipedia definecomo "dispositivo que tiene un propsito y una funcin especfica, generalmente de pequeas 7
  • 8. proporciones, prctico y a la vez novedoso". Son muy conocidos los de Google, y tambin los deBlogger, entre los que se incluyen aqullos, cientos de pequeos dispositivos que nos puedenayudar en muchas tareas relativas al blog o a sus contenidos. Su facilidad de uso y deconfiguracin ha provocado literalmente la invasin de los gadgets, de forma indiscriminadaalgunas veces. sta es la opcin ms impresionante que tienen los blogs de Blogger y aaden elementosal lateral del blog principalmente, pero tambin se pueden aadir al pie de la pgina. Para vercmo funciona, hacemos clic en el enlace Aadir un gadget, y aparecer una ventana nueva: Estos elementos se crean y se configuran automticamente o mediante algunos cdigosde lenguajes que se utilizan en la Web como, por ejemplo, HTML y JavaScript. Su configuracinen algunos casos es automtica o requiere slo unos cambios muy sencillos. Existen variassecciones en el lateral de navegacin de esta ventana, una lista casi interminable de gadgets,que aumenta constantemente. Pero aqu vamos a nombrar los ms importantes dentro de losbsicos, los widgets que son imprescindibles para cualquier blog, algunos de los cuales yavienen aadidos cuando creamos un blog de Blogger: 1. Perfil: muestra nuestro perfil de Blogger, y es importante para que nuestros lectores nos conozcan mnimamente. 2. Archivo del blog: clasifica las entradas del blog por meses y aos, y las enlaza en el lateral del blog para que se pueda acceder a ellas rpidamente. 3. Etiquetas: muestra las etiquetas que hemos incluido en las entradas para clasificarlas. 4. Listas: hay varios gadgets de lista de libros, de blogs y de enlaces, que siempre son imprescindibles para que exista una mnima comunicacin entre blogs. 5. Cuadro de bsqueda: muy til para que los lectores busquen contenidos en el blog. 6. Seguidores: un gadget muy original que permite una especie de suscripcin al blog por parte de los lectores. Con otros gadgets se pueden incluir muchos elementos personalizados, pero a veces serequieren ciertos conocimientos sobre HTML. En el siguiente ejemplo slo se requiere saber es-cribir. Probemos a incluir un texto sencillo que defina nuestro blog y que lean los visitantes.Para ello elegiremos el gadget Texto y haremos clic en la imagen de la izquierda o en el signo +de la derecha. A continuacin nos aparecer una ventana como la siguiente, dondeconfiguraremos el texto: 8
  • 9. En el editor escribiremos un ttulo y un texto que podremos formatear con algunosbotones. Cuando hacemos clic en Guardar cambios, an tendremos que colocar el gadget en ellugar que queramos del lateral, y para ello arrastremos con el cursor del ratn el cuadro queincluye su nombre en la seccin Diseo -> Aadir un gadget: Y ya podemos ver cmo queda el texto de presentacin en nuestro blog, que se ver en ellateral del blog: Como se ve en la imagen superior, en la parte inferior derecha aparecer, siempre queestemos conectados con nuestra cuenta, un icono que nos permite abrir el elemento paramodificarlo o borrarlo. Esto tambin se consigue desde la seccin Diseo de la administracin. En un artculo de mi blog de Blogger, Gadgets de Blogger para mens y descargas, indicocmo podemos incluir una seccin de descarga de archivos y un men con artculosinformativos, opciones que Blogger no incluye, y que soluciono con algunos trucos. Estasopciones pueden ser muy tiles para los blogs educativos. 2. DISEO DEL BLOG DE BLOGGER 2.1. Diseo y eleccin de la plantilla en Blogger Blogger dispone del Diseador de plantillas para que creemos y modifiquemos el diseo del blog a nuestro antojo de forma visual y sencilla. Con esta herramienta, el diseo de los blogs tiene un aspecto profesional y bonito, pero no hay que dejarse llevar por tanto colorido y 9
  • 10. tantas imgenes, sino que tenemos que crear un diseo que se ajuste al objetivo de nuestro blog. En este artculo vamos a analizar algunos criterios para elegir una buenaplantilla de Blogger que satisfaga las necesidades de nuestro blog. Es conveniente que dediquemos el tiempo necesario para elegir un buen diseo para elblog, pues el buen diseo de un blog es fundamental para que sea ledo con placer y visitadocon frecuencia. Desde mi punto de vista, hay que tener en cuenta las siguientes deficienciasque veo en muchos blogs: 1. Tipos de letra pequeos, que no son adecuados para una lectura continuada.Esto se puede solucionar en Blogger con la opcin Avanzado -> Texto de la pgina delDiseador de plantillas, donde se puede elegir el tipo y el tamao de la tipografa o fuente,entre otras opciones de color para el blog: 2. Escasa anchura del blog para el contenido de los artculos, lo que a vecesprovoca que las imgenes o los vdeos que insertamos en el blog sobrepasen la anchura de laentrada. Esto se puede solucionar con la opcin Diseo -> Ajustar ancho. La mxima anchuraque se permite para el Blog completo es de 1000 pxeles para que no sobrepase la anchuraestndar de 1024 px. Aqu tambin podemos ajustar la anchura de los laterales, de forma quetengan espacio suficiente para los gadgets: 3. Dos laterales sobrecargados, que recargan el conjunto del blog y provocan ciertorechazo. Siempre es mejor tener slo un lateral para incluir los gadgets necesarios, y asdejamos que la columna de las entradas sea la protagonista del blog. En todo caso, se puedeoptar por incluir dos laterales juntos a un lado del blog, y todo esto se puede elegir en lasopciones de Diseo -> Diseo del cuerpo del blog: Teniendo en cuenta stos y otros aspectos, podemos establecer varios criterios a la horade elegir una plantilla: 10
  • 11. 1. Diseo tipogrfico -. Ya escrib algunos consejos sobre el diseo del contenido deun blog en la seccin 5 del artculo "Cmo escribir un artculo de blog". Deberamos tener encuentas esas consideraciones sobre la sencillez y la claridad visual, que se resumen en un tipode letra legible (ni grande ni pequeo), un interlineado generoso, una longitud de lneaadecuada (ni muy amplia ni escasa) y una justificacin a la izquierda del prrafo. 2. Anchura fluida o rgida -. Las plantillas de Blogger tienen una anchura fija de1000 pxeles como mximo para ajustarse a los estndares. Pero se puede conseguir unaanchura fluida para que se adapta a las distintas resoluciones de los monitores. Aqu el criteriosera elegir una anchura fluida si queremos tener espacio suficiente para introducir imgenesgrandes u otros elementos grficos, y artculos de cierta longitud. Es el caso de este blog. Enrealidad en el diseo de este blog he hecho que la anchura fluya hasta los 1000 pxeles,porque mayores anchuras que sta producen unas lneas de texto demasiado largas como paraque se lean con soltura. En mi artculo El diseo lquido en un blog de Blogger explico este tipode diseo. 3. Colores apropiados. Los colores son importantes para dar personalidad a nuestroblog, pues indican incluso caractersticas personales de los autores, y ayudan a dar ambienteal contenido de un blog. Sin embargo, hay que tener cuidado con los colores. Gran importanciatiene la nitidez del texto, que se consigue con un contraste adecuado entre el color del fondo yel color del texto. No slo un texto negro sobre fondo blanco puede ser lo ms adecuado;tambin un fondo oscuro con texto claro puede ayudar a la lectura. Pero por lo general seprefiere la primera opcin, y hay mucha gente que odia la segunda. Ms se podra decir sobre los diseos de las plantillas de Blogger, pero aqu dejo estosapuntes por si resultan tiles. Hay que decir que en realidad estas consideraciones sobre eldiseo tienen que ir siempre acompaadas del buen gusto y del sentido comn. 2.2. Cmo incluir una imagen en la cabecera del blog Uno de los aspectos que no se pueden descuidar en un blog es el diseo. Pero no merefiero a los adornos ms o menos superfluos que confunden a los usuarios o llenan de ruidoun blog, sino a lo que contribuye a su funcionalidad y a su caracterizacin. La cabecera de lasbitcoras es lo primero que tenemos que cuidar, porque sencillamente es lo primero que se ve,y ya sabemos que las primeras impresiones cuentan en la vida. Los diseos de quedisponemos en los gestores de los blogs suelen ser variados, pero como los usan muchosusuarios, al final nos encontramos en la Web muchos blogs "como los mos". Lo mejor en estoscasos es colocar una imagen en la cabecera para personalizar nuestra bitcora, y para ello hayque tener en cuenta lo siguiente: 1. La imagen no tiene que ser grande ni pretenciosa; basta con un iconorepresentativo o una imagen de tamao medio que d una idea del contenido del blog y queexprese la personalidad del autor o autores del blog. 2. Como el ttulo del blog est a la izquierda, es mejor colocar la imagen a laderecha para evitar que el texto se superponga a la imagen, aunque a veces este caso puedeser bonito, pero la imagen nunca tiene que entorpecer la lectura del ttulo. 3. Los diseos de los blogs de Blogger, como muchos diseos de blogs, tienen dosmodalidades segn tengan una anchura fija o se extiendan todo lo ancho de la pantalla(strech). Si la anchura es fija, entonces la anchura de la imagen se puede acoplar a la deldiseo, pero, en caso contrario, la imagen no cambiar de anchura, mientras que la cabecera,junto a todo el diseo, se puede ensanchar ms o menos. 11
  • 12. En Blogger, se pueden incluir imgenes en las entradas, en el lateral, en el pie y en lacebe-cera del diseo. Para incluirlas en las entradas, utilizamos el editor, y para incluirlas en eldiseo, usamos los llamados widgets, que se encuentran en la seccin de la Plantilla, dentrodel Panel o zona de administracin del blog; en concreto, tenemos que ir a la parte de Aadir yorganizar elementos de la pgina, como se ve en la imagen: Ahora tenemos que editar la cabecera haciendo clic en el enlace Editar correspondiente. yaparecer la siguiente ventana: En este formulario podemos hacer lo siguiente: 1. Cambiar el nombre del blog 2. Escribir una breve descripcin del blog, que aparecer en la cabecera, debajo delttulo. 3. Cargar o subir la imagen desde nuestro ordenador o desde otro servidor webdonde est alojada. 4. Colocar la imagen detrs del ttulo, o sustituir el ttulo y la descripcin, de formaque la imagen debe incluir el ttulo del blog. Cuando guardamos los cambios, la imagen aparece en la cabecera alineada a laizquierda. Si el diseo es de anchura fija, entonces la imagen puede cubrir toda la cabeceracon las medidas apropiadas. Pero si la anchura del diseo es flexible, habr que ver si nosgusta como queda. No es recomendable hacer imgenes muy anchas, pues la resolucin de losmonitores vara, y el diseo se ensancha ms o menos para acoplarse a la pantalla. 12
  • 13. 3. LA CREACIN DE ENTRADAS Y DE PGINAS 3.1. Las opciones de creacin de entradas El contenido de un blog hemos visto que no se limita a las entradas, porque tambinpodemos aadir elementos en el lateral que sern muy visibles y que por tanto darnpersonalidad a nuestros blog. Sin embargo, el contenido del blog se expresa principalmente ensus entradas, que no solamente incluirn texto, sino tambin elementos interactivos ymultimedia, como se ver ms adelante. Pero recientemente se ha incorporado a Blogger unnuevo tipo de contenido: las pginas con informacin permanente, que se muestran en unmen, a diferencia de las entradas del blog propiamente dichas: vase Las pginas estticasen Blogger. Para crear una entrada, podemos acceder al editor ya sea por el enlace del Escritorio opor la pestaa correspondiente: Creacin de entradas. Antes de ver el editor, fijmonos en lastres opciones que hay debajo de la pestaa: 1. Nueva entrada: se trata de la opcin en la que se abre esta seccin y dondevemos el editor de texto. 2. Editar entradas: donde aparecen en lista todas las entradas del blog y se puedenmodificar o borrar. 3. Editar pginas: es la opcin reciente que permite crear pginas estticas. 4. Moderacin de comentarios: es una opcin que viene activada en laconfiguracin del blog, y con ella slo se publican automticamente los comentarios de losusuarios registrados en el blog, pero los que escriben los visitantes no se publican antes deque los aprobemos. Sin embargo, cuando ya hay publicados comentarios en el blog, aparece lapestaa Comentarios, donde podemos manejar todos los publicados en el blog. 3.2. Los elementos de una entrada de blog La entrada de blog o post, segn el trmino ingls muy extendido, consiste en lossiguientes elementos, numerados en la imagen siguiente: 1. Ttulo de la entrada. Es importante no olvidarse de escribir un ttulo, porque si no,a los lectores les resultar difcil identificar la entrada. 2. El editor, compuesto por una parte visual bajo la pestaa Redactar, y la parte decdigo fuente bajo la pestaa Edicin de HTML. El enlace a Vista previa se ha cambiadorecientemente por un botn en la seccin 7 de la imagen. 3. El editor visual est compuesto de una barra superior de botones para formatearel texto y para incluir elementos multimedia. 4. Texto de la entrada, que puede ir acompaado de elementos multimedia einteractivos. 5. Las etiquetas de esta entrada, que consisten en palabras o expresionesseparadas por comas que definen y clasifican las entradas. Estas etiquetas o tags, segn lajerga, las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas para quelos lectores lean las entradas que las incorporan. Si hacemos clic en el enlace Mostrar todo, severn todas las etiquetas del blog. 6. Las Opciones de entrada nos abren otra seccin del editor donde se puedenpermitir a. no los comentarios de los lectores o los vnculos, y donde se puede modificar lafecha y hora de la entrada. 13
  • 14. 7. Por ltimo, la entrada se publica o se guarda sin publicar pulsando los enlacescorrespondientes de la parte inferior que tienen fondos rojo y azul. Recientemente se haaadido el botn Vista previa, que permite una visin exacta de cmo quedar la entrada o lapgina una vez publicadas. Para la creacin de pginas, el editor es el mismo, pero tiene menos Opciones de entraday no incluye las etiquetas debido a las caractersticas de este tipo de contenido esttico. 3.3. Botones para formatear el texto. Creacin de enlaces Los botones para formatear el texto que aparecen en la barra superior del editor sonparecidos a otros que se manejan en editores convencionales, y si se coloca el cursor del ratnencima de ellos, aparece una descripcin del botn en un marco de texto. Los nicos botonesque pueden ser menos habituales en un procesador de textos son los de incluir enlaces eimgenes y videos 14
  • 15. Para incluir un enlace o link en el texto, hay que hacer lo siguiente: 1. Primero tenemos que destacar el texto que ir enlazado. Para ello, arrastramosel puntero del ratn mientras apretamos el botn izquierdo. En la imagen siguiente, el textoenlazado es Google en la frase "Buscador Google": 2. A continuacin, tenemos que pulsar en Enlace, que se encuentra en la barra deherramientas y sealo con un rectngulo rojo en esta imagen: 3. Se abrir un marco en el que hay que escribir la direccin del enlace o URL, comose muestra en la imagen superior. Tambin se puede incluir una direccin de correo electrnicocon el mismo mtodo. Y ya tenemos el enlace creado. Junto a l se ver una etiqueta azul con la que podemosabrir el enlace en una nueva ventana para comprobar que lo hemos escrito bien. Si no, lopodemos cambiar o eliminar: Las dos pestaas superiores del editor muestran el contenido de la entrada de distintaforma: En la parte de la pestaa Redactar se muestra el texto ya formateado con el editorvisual, y tal como aparacer en la entrada una vez publicada. 15
  • 16. En la parte de la pestaa Edicin HTML se muestra el cdigo fuente del texto tal y comoqueda con el lenguaje HTML. La edicin en HTML se reserva para las personas que conoceneste lenguaje, y no se recomienda modificar el cdigo fuente. Como ejemplo, podemos vercmo queda el enlace a Google que hemos realizado antes si abrimos la pestaa del cdigofuente: Buscador Google Sin embargo, una de las grandes ventajas de los blogs de Blogger es que permiten que seinserten muchos cdigos utilizados en aplicaciones cuyos productos podemos incrustar en elblog, como veremos en la seccin de Contenidos. 3.4. Cmo aadir imgenes En Blogger resulta sencillo incluir una imagen. Para ello, hacemos clic en el icono deaadir imagen, destacado con un crculo rojo en la siguiente imagen, y entonces aparece unaventana emergente: En Blogger resulta sencillo incluir una imagen. Para ello, hacemos clic en el icono deaadir imagen, y entonces aparece una ventana emergente como la de la siguiente imagen: Primero, pulsamos el botn Examinar para buscar la imagen en nuestro disco duro. Una vez subida la imagen, como se ve en la imagen superior, a la izquierda se ve esaimagen y otras que hayamos subido. Pulsamos el botn Aceptar y la imagen se incluye en eleditor del blog: Junto a la ella aparece una etiqueta superpuesta de color azul que incluye las opciones,como podemos ver en la siguiente imagen: 16
  • 17. Haciendo clic en las opciones, podemos elegir el tamao que queramos para la imagen, ytambin podemos alinearla en el documento. Si la alineamos a la izquierda o a la derecha deun prrafo, conviene que la imagen sea pequea para que no quite mucho espacio al texto.Pero, por lo general, lo ms aconsejable es centrar las imgenes en el documento. Por ltimo,est la posibilidad de incluir un texto como pie de foto en la opcin Aadir leyenda. Cuando una imagen se inserta dentro de una entrada del blog, el editor la reduce, ypermite elegir entre cuatro tamaos. Si el tamao es mayor que el de la imagen, sta se ve untanto borrosa y pixelada, con lo cual es mejor elegir un tamao ms reducido. Adems, hay quetener cuidado porque el tamao Extra grande crea imgenes que puede que no se veanenteras si superan la anchura del diseo de la entrada, o pueden invadir el lateral del blog. Eleditor no permite que elijamos el tamao exacto de nuestra imagen, a no ser quemodifiquemos el cdigo HTML, y esto es un inconveniente que se debera corregir. Lo bueno del editor es que si incluimos una imagen demasiado grande, la reduce alinsertarla en el editor, pero se puede ver en su tamao original haciendo un clic sobre laimagen. En este caso, la imagen se abre en la misma ventana, con la consiguiente molestia detener que volver a la pgina anterior para seguir leyendo la entrada. De todas formas, si la imagen que tenemos es muy grande, lo mejor puede ser recortarlao reducirla con programas de retoque fotogrfico o con servicios web como Picnik, que resultanmuy cmodos y tiles. Otras aplicaciones web pueden solucionar un error muy habitual en los blogs, que esincluir muchas imgenes grandes en una entrada, lo que ralentiza la carga de la pgina yrecarga el contexto de forma molesta para el lector. Una solucin suele ser la de insertar unreproductor de pase de diapositivas como los que proporcionan los servicios web dealojamiento de imgenes Flickr y lbumes Picasa que trato en elos artculos Insertar lbumesde Flickr en el blog e Insertar lbumes de Picasa en el blog. 4. MULTIMEDIA EN BLOGGER Los elementos multimedia estn adquiriendo gran importancia en la Web debido a la mejora tcnica y a la mayor rapidez de las conexiones a internet. En el campo de la enseanza en concreto, sus posibilidades son ilimitadas, aunque el medio todava es bastante nuevo como para poder decir que las cosas estn claras en este campo. Muchos docentes estn ahora investigando en el mbitomultimedia para dotar a sus actividades docentes de contenido fundamentado en vdeos,audio e imgenes adems de en el trabajo con cdigos de programacin y aplicaciones queofrecen todo tipo de interactividad. Un ejemplo puede verse en el blog de aula El tinglado. Blogger es un servidor gratuito de blogs que sorprende por su constante renovacin. Estmuy al tanto de lo que se cuece en la Web, por eso ha incluido ltimamente algunasherramientas para introducir vdeos en las entradas de los blogs. Con esto, Blogger se pone a laaltura de las circunstancias, pues los vdeos y otros materiales multimedia estn inundando laWeb. Los usuarios de blogs reclaman la posibilidad de mostrar sus propios vdeos de formacreativa y tambin otros vdeos que les interesan y que quieren incluir como contenido de susartculos o posts. Poco a poco la Web va incorporando estos elementos multimedia que ilustranlos contenidos y que tienen que contribuir a profundizar en los conocimientos compartidos. 4.1. Algunas pegas de la multimedia en la Web Los objetos multimedia han pasado por un calvario especial en la Web hasta hace muypoco tiempo debido a que requieren lo siguiente: 1. Mucho espacio web en los servidores, pues son objetos voluminosos. 2. Conexin rpida de internet debido a su compleja estructura. 17
  • 18. 3. Cdecs y reproductores adecuados para su reproduccin. 4. Plug-ins necesarios en los navegadores web. Slo recientemente se ha podido incorporar la multimedia a las pginas web de maneramasiva, ya que esas pegas se han superado, aunque no totalmente. De todas formas, an sedeben superar otros inconvenientes que surgen debido a las caractersticas de estoselementos. Consideremos lo siguiente: 1. El contenido de un vdeo no consta para los buscadores web, porque no se expresa entexto escrito. Por tanto, su utilizacin masiva no contribuye a la construccin de la Websemntica, que es el objetivo que se vislumbra en el horizonte. Esto se puede solucionar, comoconsta en las especificaciones de la accesibilidad, con la inclusin de la transcripcin del textodel vdeo, o al menos con un resumen. Naturalmente, esto no lo hace casi nadie, pero ahqueda. 2. La inclusin de elementos multimedia aumenta el ruido en la Web en los dos sentidosms evidentes. Por un lado, hay que pensar que muchos ordenadores se encuentran enlugares pblicos donde no se puede o no se debe molestar con voces o ruidos. Y por otro lado,la inclusin masiva de la multimedia en la Red, a veces sin motivos evidentes, contribuye alruido y el desorden que provoca su exagerada proliferacin, que se hace insoportable con lapublicidad. 3. Y qu pasa con las personas sordas o ciegas? Que no van a poder beneficiarse detoda esta renovacin en la Web. La accesibilidad de las pginas web es ya una obligacin legalen muchos pases, que tendrn que tener en cuenta sobre todo las webs de mbitos pblicos,en especial el educativo. Pero son tantas las ventajas que aporta la multimedia, que estos inconvenientes se estnsuperando o se estn ocultando debajo de la alfombra. Todava hoy no se puede confiar todo elcontenido de una web a sus elementos multimedia, porque pueden fallar por muchos motivos.Veremos qu nos aportan los adelantos tecnolgicos del futuro cercano. 4.2. Cmo incluir elementos multimedia en Blogger En Blogger se pueden incluir muchos elementos multimedia, como en otros gestores decontenido, y para que estos vdeos o audios se vean y se oigan en los blogs generalmente elusuario tiene que tener instalado en su navegador unos complementos o plugins de Flash y deJava que permiten la visin o audicin de estos elementos. Esto en s supone un problema,porque no todos los navegadores los tienen incorporados, aunque s la mayora. En principiopodemos trabajar a gusto con la multimedia sabiendo que casi todos los usuarios podrnbeneficiarse de estas nuevas tecnologas. Generalmente, los gestores de blogs, es decir, las aplicaciones que como Blogger nospermiten crear blogs o bitcoras, tienen incorporadas algunas opciones con las que introducirel cdigo necesario en nuestro blog para enlazar un vdeo u otros elementos multimedias.Vamos a ver cules son los pasos que se siguen habitualmente para realizar esto, y lo haremoscon un ejemplo para traer un vdeo de YouTube y publicarlo en nuestro blog. 4.3. Cmo incluir un vdeo en el blog mediante cdigo Vamos a la pgina donde se publican los vdeos; en este caso, YouTube. Elegimos unvdeo que nos guste y hacemos clic encima de l para ir al documento individual dondeaparece ese vdeo. All veremos, debajo del vdeo, el enlace Insertar. Si hacemos clic en l, se abre unrecuadro que incluye el cdigo HTML del vdeo y una serie de opciones para personalizar elcdigo eligiendo el color y el tamao del reproductor, entre otras cosas. Ahora tenemos querealizar lo siguiente: hacemos clic encima de ese recuadro, y el cdigo se marcar si no estabaya marcado. Despus, sin mover el cursor de all, hacemos clic en el botn derecho del ratn yelegimos la opcin que nos permite copiar ese cdigo en la memoria del sistema. 18
  • 19. Por ltimo, abrimos una nueva entrada en nuestro blog, y pegamos el cdigo en la partede Edicin de HTML del editor de textos, como se ve en como se ve en la imagen de la seccin4.4. Si vemos el vdeo desde la seccin Redactar del editor, nos aparecer un cuadro con lapalabra OBJECT, pero si lo vemos haciendo clic en la Vista previa, apreciaremos cmo quedarinsertado en nuestra entrada del blog. A continuacin tenemos un vdeo de YouTube donde vemos a dos robots bailando ymovindose de forma muy humana. Y otra pgina web de donde podemos descargarnos vdeosde calidad es Dailymotion. Cuando elegimos un vdeo de este servicio, debajo del reproductorhay un campo de texto titulado "Lector exportable". All tenemos el cdigo que hay que copiar ypegar en el editor de nuestro blog. 4.4. El cdigo de HTML del vdeo El cdigo del vdeo de Toutube que hemos pegado en el blog es el siguiente: 19
  • 20. Aqu vemos algunas etiquetas del lenguaje HTML como , o ,que tienen que tener tambin su etiqueta de cierre de esta manera: , o . Si alguna vez faltara alguna de ellas, el gestor de Blogger producira unerror, y tendramos que escribirla, y suele pasar con la etiqueta de cierre de la etiqueta, que hay que volver a escribir una y otra vez porque el programa la borra. Dentro delas etiquetas hay algunos atributos, como width (anchura) y height (altura), con los quepodramos cambiar las dimensiones del reproductor del vdeo simplemente modificando (lasdos veces que aparecen cada uno) los nmeros que los acompaan y que corrreponden apxeles. 4.5. Cmo insertar podcasts Los podcasts son grabaciones de audio que se reproducen en un blog con un lector oreproductor de Flash, y se utilizan habitualmente para incluir canciones o reproducciones devoz. Existen sitios web de donde podemos traernos canciones simplemente copiando un cdigoy pegndolo en nuestro blog; uno de estos servicios es GoEar. Aqu tenemos la Danza hngara: Pero tambin tenemos la posibilidad de grabar nuestra voz en un servicio como Odeo yreproducirla en nuestro blog con un reproductor. Aqu dejo un saludo a los participantes en elcurso de edublogs: poweredbyODEO Otro servicio parecido a ste es Evoca. 4.6. Cmo insertar presentaciones Una de las novedades relativamente recientes en la Web es la posibilidad de incluirpresentaciones del estilo Power Point en una pgina web. El lugar ms conocido dondepodemos cargar una presentacin es SlideShare, y donde adems podemos utilizar cualquierade las publicadas en esa web social. Cuando guardamos all una presentacin, sta pierde lastransiciones y otras animaciones que tenga, pero se convierte en un objeto multimedia quepodemos ver con toda comodidad conectados a internet. El procedimiento que se sigue es elde copiar el cdigo de la presentacin en nuestro editor. Con la siguiente presentacin de ngelPuente podremos conocer ms a fondo la multimedia en los blogs: 20
  • 21. 4.7. Incorporar vdeos cargndolos al servidor Existen dos formas de incluir vdeos en una pgina web: Enlazando los archivos directamente en el servidor donde se encuentren alojados. Esteenlace puede servir para descargarnos el vdeo o para mostrarlo con un reproductor asociado. Copiando en el editor del blog el cdigo HTML que nos proporciona el servidor que alojalos vdeos. De esta manera, utilizamos un vdeo ya guardado que no es nuestro y que seencuentra a disposicin del pblico. En los blogs de Blogger tenemos la posibilidad de guardar vdeos en sus servidores paramostrarlos con un reproductor. Esta operacin se realiza de forma muy sencilla simplementehaciendo clic en el icono correspondiente de la barra de iconos del editor de entradas. Recientemente, Blogger ha incluido un nuevo editor renovado para las entradas, que sepuede activar en la seccin Configuracin -> Bsico -> Seleccionar editor de entradas -> Editoractualizado. En l existe un botn o icono para cargar los vdeos al servidor, pero tambin sepuede utilizar el editor antiguo para ello, que se puede elegir en la ruta de la configuracinarriba indicada seleccionando el , con el que utilizamos las siguientes explicaciones. Entonces, aparece el siguiente cuadro de dilogo: Slo tendremos que cargar el vdeo desde nuestro ordenador y ponerle un ttulo. Yo heutilizado un vdeo descargado de la Mediateca de EducaMadrid, que viene en formato 3gp,apropiado para mviles. Al hacer clic en el enlace Subir vdeo, nos preguntan en qu formatodeseamos descargarlo: 21
  • 22. Despus de cargarlo, el programa lo convierte en vdeo/mp4. Y ya lo podemos verincluido en nuestro blog con un reproductor propio, al que Blogger ha aadido recientemente laposibilidad de verlo en pantalla completa haciendo clic en el icono inferior derecho: Los botones de la parte inferior del vdeo nos permiten no slo reproducirlo o detenerlo,sino tambin ajustar el sonido o mostrarlo en pantalla completa. Pero tambin podemosavanzar o rebobinar el vdeo mientras se reproduce simplemente haciendo clic en la banda queaparece encima de los botones o moviendo el circulito que indica el tiempo de reproduccin,como se muestra en la siguiente imagen: Si queremos cambiar el tamao del vdeo, podemos modificar su altura y su anchura enel cdigo HTML del vdeo. Para ello tenemos que ir a la seccin Edicin HTML del editor ybuscar su cdigo, que en nuestro caso es ste: El texto en azul es un cdigo HTML para centrar el vdeo en la pgina, y que heintroducido yo por mi cuenta. El texto en negro es el cdigo HTML que incorpora el editor paraque se vea el vdeo con un reproductor propio. En l he destacado en rojo los datos de la altura(height) y la anchura (width) que estn en pxeles. Slo tenemos que modificar esos nmerosms o menos proporcionalmente para cambiar el tamao del vdeo. 4.8. El gadget Barra de vdeos 22
  • 23. Pero no todo queda aqu. Tambin Blogger nos proporciona un gadget con el quepodemos incluir un enlace directo a los vdeos de YouTube y de Google Vdeo desde el lateralde nuestro blog. Si vamos a nuestro panel del blog y entramos en la seccin Diseo,encontraremos a la derecha el enlace Aadir y organizar elementos de la pgina, que nosproporciona la posibilidad de insertar estos dispositivos con el enlace Aadir un gadget. De laventana emergente que surge, elegiremos el gadget Barra de vdeo: Si hacemos clic en la imagen o en el icono del signo ms, se abrir la siguiente ventanade configuracin: Pondremos un ttulo y elegiremos las etiquetas temticas que nos interesen, y listo.Cuando guardemos los cambios, aparecer la barra de vdeos en nuestro lateral, y si hacemosclic en uno de los vdeos, se abrir en la parte superior de nuestro blog, lo que no deja de seroriginal y sorprendente: 4.9. Enlaces de inters Roa multimedia, excelente blog donde Jos M Campo informa de manera prctica sobretoda la multimedia que se puede incluir en un blog. El balcn abierto, blog de ngel Puente sobre todo tipo de multimedia en los blogs. Edubloki, wiki de Lourdes barroso, que ha realizado varios vdeotutoriales en su sobredistintas herramientas multimedia. Con eso tenemos para entretenernos un rato. 23