Académique Documents
Professionnel Documents
Culture Documents
Alejandro Valero
avalerofer@yahoo.es
Mayo de !!" # Actuali$ado el de agosto de !%!
http://creativecommons.org/licenses/by-nc-sa/2.0/es/
,ndice
%. Cmo crear y configurar un blog en Blogger ........................................................................... %.%. -rimer )aso* crear una cuenta....................................................................................... %. . .egundo )aso* asignar un nombre al blog......................................................................./ %./. 0ercer )aso* elegir una )lantilla.....................................................................................1 %.1. Cmo acceder al nuevo blog .........................................................................................2 %.3. &l )anel de control o &scritorio.......................................................................................4 %.2. Configuracin r()ida de las o)ciones...............................................................................5 %.4. Configuracin de las entradas del blog ..........................................................................." %.5. Aadir gadgets al blog................................................................................................%! . 6a creacin de entradas y de )(ginas...................................................................................%/ .%. 6as o)ciones de creacin de entradas ...........................................................................%/ . . 6os elementos de una entrada de blog...........................................................................%/ ./. Botones )ara formatear el te7to. Creacin de enlaces......................................................%3 .1. Cmo aadir im(genes ...............................................................................................%2 /. Multimedia en Blogger.......................................................................................................%5 /.%. Algunas )egas de la multimedia en la 8eb.....................................................................%" /. . Cmo incluir elementos multimedia en Blogger............................................................... ! /./. Cmo incluir un v'deo en el blog mediante cdigo........................................................... ! /.1. &l cdigo de 90M6 del v'deo ........................................................................................ /.3. Cmo insertar )odcasts............................................................................................... /.2. Cmo insertar )resentaciones...................................................................................... 1 /.4. :ncor)orar v'deos carg(ndolos al servidor...................................................................... 1 /.5. &l gadget Barra de v'deos............................................................................................ 2 /.". &nlaces de inter;s...................................................................................................... 5 1. <iseo del blog de Blogger................................................................................................. " 1.%. <iseo y eleccin de la )lantilla en Blogger ................................................................... " 1. . Cmo incluir una imagen en la cabecera del blog .........................................................../%
.i =uieres em)e$ar en esto de los blogs, lo mejor es crear uno en Blogger, donde muchas )erso# nas em)ie$an a escribir sus bit(coras, y donde est( alojado este blog. .lo tienes =ue escribir htt)*++>>>.blogger.com en la barra de direcciones de tu navegador o hacer clic en este enlace. &ntonces a)arecer( la )(gina )rinci)al de Blogger, en la =ue vas a reali$ar tres sencillos )asos )ara crear tu blog. 6o ?nico =ue necesitas es una cuenta de correo electrnico, y no hace falta =ue sea la de @oogle, la em)resa =ue )osee este servicio gratuito de blogs o bit(coras. A0e ani# mas a tener tu blogB &ntonces, contin?a leyendo y em)e$ar(s una nueva aventura en la Ced.
-or ?ltimo, tendremos =ue elegir una )lantilla, =ue es el diseo general del blog. &legiremos la =ue m(s nos guste, )ero m(s adelante )odremos cambiarla siem)re =ue =ueramos. 6a elec# cin de la )lantilla es im)ortante, y )or eso he escrito un art'culo en este blog, D<iseo y elec# cin de la )lantilla en BloggerD, donde escribo unos consejos )ara elegir la )lantilla adecuada. I cuando )ulsamos en la ?ltima flecha Continuar, ya tenemos nuestro blog en Blogger*
Ahora habr( =ue configurarlo y em)e$ar a escribir. -ero eso es otra historia.
Jn )roblema muy com?n entre los )rinci)iantes es =ue no saben acceder a su nuevo blog. .e )uede acceder de dos formas* %. 6a forma m(s sencilla es ir a la )(gina )rinci)al de Blogger, y all' nos )resentan un )e # =ueo formulario con un cam)o de te7to y otro de contrasea. &n el )rimero escribimos nuestro nombre de usuario, en este caso nuestra cuenta de &oogle o la direccin com)leta de la cuenta de correo con =ue registramos nuestro blog. Cuando hagamos clic en el enlace 'cceder, llegaremos a nuestro Escritorio del blog. . &scribiendo la direccin com)leta del nuevo blog como, )or ejem)lo* http://miblogenblogger.blogspot.com. &n este caso, a)arecer(n unos enlaces en la )arte su)e# rior del blog. 9ay =ue hacer clic en 'cceder, =ue est( en la )arte derecha, y entonces llegaremos a la )(gina )rinci)al de Blogger )ara incluir nuestros datos. .i estamos co# nectados a Blogger en el navegador F)or medio de las cooKiesG, hay =ue hacer clic en el enlace Escritorio, y entraremos directamente a nuestro blog.
I encima de ella veremos la barra de Blogger, con la =ue )odremos entrar a la )arte de la Administracin a escribir una (ueva Entrada en el blog o a )ersonali$ar el )iseo, adem(s de otras funciones.
6os visitantes ver(n el nuevo blog escribiendo su direccin o JC6 en la barra de direcciones de su navegador. -asados unos d'as, des)u;s de =ue los buscadores hayan tenido tiem)o )ara rastrear el nuevo blog, tambi;n se )odr( acceder a ;l sim)lemente escribiendo el nombre del blog en el buscador. -ara terminar esta seccin, diremos =ue un usuario )uede crearse m(s de un blog en Blog# ger, y cuando se acceda al Escritorio o )anel de control, a)arecer(n all' todos nuestros blogs.
Cuando accedemos a nuestro blog reci;n creado, nos encontramos con el Escritorio, =ue nos da acceso a la parte privada del blog o administraci"n. &n la imagen su)erior muestro el m'o, =ue incluye dos de mis blogs. <esde a=u' controlamos todos nuestros blogs y tambi;n, a la i$=uierda, nuestro )erfil de usuario y nuestra cuenta. &l per!il de usuario es im)ortante )ara formar )arte de la comunidad de Blogger, =ue es muy e7tensa en todo el mundo. &stos datos )ersonales los )odr(n ver los visitantes de nuestro blog, )ero tambi;n se ver(n mediante un enlace cuando escribamos un comentario en otro blog. .iem)re es conveniente =ue escribamos algunos datos nuestros )ara =ue los dem(s nos cono$can, aun=ue sea un )oco, )ues no hay =ue olvidar =ue el car(cter )ersonal es im)ortante en los blogs. &n el )anel de control a)arecen otros enlaces im)ortantes, =ue corres)onden a las principales secciones de la administracin del blog* %. (ueva entrada, )ara escribir un nuevo te7to en nuestro blog. . Editar entradas, )ara ver todas las entradas escritas en el blog y editarlas. /. Comentarios, si los hubiera, )ara mostrar todos los comentarios de nuestro blog. 1. Con!iguraci"n, )ara configurar nuestro blog, es decir, una serie de o)ciones )ara )ersonali$arlo seg?n nuestros gustos y necesidades. 3. )iseo* )ara modificar el diseo elegido o escoger otro nuevo. 2. *oneti+ar* es una nueva o)cin )ara ganar dinero con la )ublicidad de Ad.ense, )ro)ia de @oogle. <ebajo del Escritorio, en la misma )(gina, tenemos otras dos secciones. &n la %ista de lectura a)arecen las ?ltimas entradas de los blogs a los =ue estamos suscritos como seguido# res o de otros blogs importantes. &n ,tras cosas recibimos informacin y ayuda sobre Blog# ger y otros as)ectos relacionados con el blog. Conviene echar un vista$o a estas secciones de ve$ en cuando.
<ebajo de la )estaa Con!iguraci"n a)arece una fila con otras o)ciones, )ero de entrada ya estamos en la o)cin llamada - sico. Ahora vamos a anali$ar brevemente las o)ciones m(s im)ortantes, aun=ue muchas de ellas est(n ya e7)licadas en el blog. %. - sico* %. .erramientas de blog* )odemos e7)ortar las entradas y los comentarios de nues# tro blog en formato LM6, y luego im)ortarlas a otro blog de Blogger. Con el archivo LM6 )odemos tener una co)ia de seguridad del contenido de nuestro blog. . /0tulo* es el t'tulo del blog, =ue se )uede modificar siem)re =ue se =uiera. /. )escripci"n* es una descri)cin del blog, =ue a)arecer( debajo del t'tulo en la ca# becera del blog. 1. 1)eseas aadir tu blog a nuestras listas2* es aconsejable. 3. 3eleccionar editor de entradas* recientemente Blogger cambi el editor de entradas )or uno m(s com)leto, )ero )odemos elegir el antiguo, aun=ue no es recomendable. . 4ormato* en esta seccin se cambian los formatos de fecha y hora, y se ada)ta la $ona horaria =ue, en nuestro caso, es F@M0M!%*!!G Madrid. /. Comentarios* en esta seccin se configuran los comentarios, aun=ue dicha configura# cin suele estar ya establecida de manera normal, y )ocos cambios ser'an necesarios. %. Ubicaci"n del !ormulario de comentarios * la mejor forma de incluir el editor de comentarios es en la Entrada incrustada a continuaci"n, como en este blog y en casi todos. -ero )ara ello tambi;n hay =ue activar la o)cin .abilitar p ginas de entrada de la seccin 'rchivo, en el )unto 1 de esta configuracin b(sica. . *oderaci"n de comentarios* )ara leer los comentarios antes de )ublicarlos.
<es)u;s a)arece la ventana de configuracin, de la =ue destacamos estas o)ciones* %. (8mero de entradas en la p gina principal * Conviene =ue no haya muchas entra# das en la )(gina )rinci)al del blog,y el n?mero de)ender( de la longitud de las entradas y de su contenido. .iem)re hay =ue )rocurar =ue la )(gina )rinci)al del blog tarde )oco en ser le'da )or el navegador )ara =ue el lector no tenga =ue es)erar )ara ver todos los contenidos. . /e9to de enlace de la p gina de entrada * es una nueva o)cin =ue tiene =ue ver con lo dicho en el )unto % de la seccin . ./. de estos contenidos res)ecto a la divisin del te7to de las entradas.
&stos elementos se crean y se configuran autom(ticamente o mediante algunos cdigos de lenguajes =ue se utili$an en la 8eb como, )or ejem)lo, 90M6 y Pava.cri)t. 3u con!iguraci"n en algunos casos es autom tica o requiere s"lo unos cambios muy sencillos . &7isten varias secciones en el lateral de navegacin de esta ventana, una lista casi interminable de gadgets, =ue aumenta constantemente. -ero a=u' vamos a nombrar los m(s im)ortantes den# tro de los b(sicos, los :idgets que son imprescindibles )ara cual=uier blog, algunos de los cuales ya vienen aadidos cuando creamos un blog de Blogger*
&n el editor escribiremos un t'tulo y un te7to =ue )odremos formatear con algunos botones. Cuando hacemos clic en &uardar cambios, a?n tendremos =ue colocar el gadget en el lugar =ue =ueramos del lateral, y )ara ello arrastremos con el cursor del ratn el cuadro =ue incluye su nombre en la seccin )iseo -< 'adir un gadget*
Como se ve en la imagen su)erior, en la )arte inferior derecha a)arecer(, siem)re =ue este# mos conectados con nuestra cuenta, un icono =ue nos )ermite abrir el elemento )ara modifi# carlo o borrarlo. &sto tambi;n se consigue desde la seccin )iseo de la administracin. &n un art'culo de mi blog de Blogger, @adgets de Blogger )ara men?s y descargas, indico cmo )odemos incluir una seccin de descarga de archivos y un men? con art0culos in!ormativos, o)ciones =ue Blogger no incluye, y =ue soluciono con algunos trucos. &stas o)ciones )ueden ser muy ?tiles )ara los blogs educativos.
&l contenido de un blog hemos visto =ue no se limita a las entradas, )or=ue tambi;n )ode# mos aadir elementos en el lateral =ue ser(n muy visibles y =ue )or tanto dar(n )ersonalidad a nuestros blog. .in embargo, el contenido del blog se e9presa principalmente en sus entradas, =ue no solamente incluir(n te7to, sino tambi;n elementos interactivos y multime# dia, como se ver( m(s adelante. -ero recientemente se ha incor)orado a Blogger un nuevo ti)o de contenido* las p ginas con informacin )ermanente, =ue se muestran en un men?, a diferencia de las entradas del blog )ro)iamente dichas* v;ase 6as )(ginas est(ticas en Blogger. -ara crear una entrada, )odemos acceder al editor ya sea )or el enlace del &scritorio o )or la )estaa corres)ondiente* Creaci"n de entradas. Antes de ver el editor, fij;monos en las tres o)ciones =ue hay debajo de la )estaa* %. (ueva entrada* se trata de la o)cin en la =ue se abre esta seccin y donde vemos el editor de te7to. . Editar entradas* donde a)arecen en lista todas las entradas del blog y se )ueden mo# dificar o borrar. /. Editar p ginas* es la o)cin reciente =ue )ermite crear )(ginas est(ticas. 1. *oderaci"n de comentarios* es una o)cin =ue viene activada en la configuracin del blog, y con ella slo se )ublican autom(ticamente los comentarios de los usuarios registrados en el blog, )ero los =ue escriben los visitantes no se )ublican antes de =ue los a)robemos. .in embargo, cuando ya hay )ublicados comentarios en el blog, a)arece la )estaa Comentarios, donde )odemos manejar todos los )ublicados en el blog.
. A continuacin, tenemos =ue pulsar en Enlace, =ue se encuentra en la barra de herra# mientas y sealo con un rect(ngulo rojo en esta imagen*
/. .e abrir( un marco en el =ue hay =ue escribir la direccin del enlace o JC6, como se muestra en la imagen su)erior. 0ambi;n se )uede incluir una direccin de correo elec# trnico con el mismo m;todo. I ya tenemos el enlace creado. Punto a ;l se ver( una etiqueta a+ul con la =ue )odemos abrir el enlace en una nueva ventana )ara com)robar =ue lo hemos escrito bien. .i no, lo )o # demos cambiar o eliminar*
&n la )arte de la )estaa $edactar se muestra el te7to ya formateado con el editor vi# sual, y tal como a)aracer( en la entrada una ve$ )ublicada. &n la )arte de la )estaa Edici"n ./*% se muestra el cdigo fuente del te7to tal y como =ueda con el lenguaje 90M6. 6a edicin en 90M6 se reserva )ara las )ersonas =ue conocen este lenguaje, y no se recomienda modificar el cdigo fuente. Como ejem# )lo, )odemos ver cmo =ueda el enlace a @oogle =ue hemos reali$ado antes si abrimos la )estaa del cdigo fuente* Buscador Qa hrefRDhtt)*++>>>.google.esDS@oogleQ+aS
.in embargo, una de las grandes ventajas de los blogs de Blogger es =ue )ermiten =ue se inserten muchos c"digos utili$ados en a)licaciones cuyos )roductos )odemos incrustar en el blog, como veremos en la seccin de Contenidos.
&n Blogger resulta sencillo incluir una imagen. -ara ello, hacemos clic en el icono de aadir imagen, y entonces a)arece una ventana emergente como la de la siguiente imagen* %. -rimero, )ulsamos el botn E9aminar )ara buscar la imagen en nuestro disco duro. . Jna ve$ subida la imagen, como se ve en la imagen su)erior, a la i$=uierda se ve esa imagen y otras =ue hayamos subido. -ulsamos el botn 'ceptar y la imagen se incluye en el editor del blog*
Punto a la ella a)arece una eti=ueta su)er)uesta de color a$ul =ue incluye las o)ciones, como )odemos ver en la siguiente imagen*
9aciendo clic en las o)ciones, )odemos elegir el tamao =ue =ueramos )ara la imagen, y tambi;n )odemos alinearla en el documento. .i la alineamos a la i$=uierda o a la derecha de un )(rrafo, conviene =ue la imagen sea )e=uea )ara =ue no =uite mucho es)acio al te7to. -ero, )or lo general, lo m(s aconsejable es centrar las im genes en el documento . -or ?lti# mo, est( la )osibilidad de incluir un te9to como pie de !oto en la o)cin 'adir leyenda. Cuando una imagen se inserta dentro de una entrada del blog, el editor la reduce, y )ermite elegir entre cuatro tamaos. .i el tamao es mayor =ue el de la imagen, ;sta se ve un tanto borrosa y )i7elada, con lo cual es mejor elegir un tamao m(s reducido. Adem(s, hay =ue tener cuidado )or=ue el tamao E9tra grande crea im(genes =ue )uede =ue no se vean ente# ras si su)eran la anchura del diseo de la entrada, o )ueden invadir el lateral del blog. &l editor no )ermite =ue elijamos el tamao e7acto de nuestra imagen, a no ser =ue modifi=uemos el cdigo 90M6, y esto es un inconveniente =ue se deber'a corregir. 6o bueno del editor es =ue si incluimos una imagen demasiado grande, la reduce al insertar# la en el editor, )ero se )uede ver en su tamao original haciendo un clic sobre la imagen. &n este caso, la imagen se abre en la misma ventana, con la consiguiente molestia de te# ner =ue volver a la )(gina anterior )ara seguir leyendo la entrada. <e todas formas, si la imagen =ue tenemos es muy grande, lo mejor )uede ser recortarla o reducirla con programas de retoque !otogr !ico o con servicios :eb como -icniK, =ue re# sultan muy cmodos y ?tiles. Ntras a)licaciones >eb )ueden solucionar un error muy habitual en los blogs, =ue es incluir muchas im genes grandes en una entrada, lo =ue ralenti$a la carga de la )(gina y recarga el conte7to de forma molesta )ara el lector. Jna solucin suele ser la de insertar un reproductor de pase de diapositivas como los =ue )ro)orcionan los servicios >eb de alojamiento de im(genes TlicKr y Ulbumes -icasa =ue trato en elos art'culos :nsertar (lbumes de TlicKr en el blog e :nsertar (lbumes de -icasa en el blog.
3. .ultimedia en Blogger
6os elementos multimedia est(n ad=uiriendo gran im)ortancia en la 8eb debido a la me>ora t?cnica y a la mayor rapide+ de las cone9iones a internet. &n el cam)o de la ensean+a en concreto, sus )osibilidades son ilimitadas, aun=ue el medio todav'a es bastante nuevo como )ara )oder decir =ue las cosas est(n claras en este cam)o. Muchos docentes est(n ahora investigando en el mbito multimedia )ara do# tar a sus actividades docentes de contenido fundamentado en v'deos, audio e im(genes ade # m(s de en el trabajo con cdigos de programaci"n y aplicaciones =ue ofrecen todo ti)o de interactividad. Jn ejem)lo )uede verse en el blog de aula &l tinglado. Blogger es un servidor gratuito de blogs =ue sor)rende )or su constante renovacin. &st( muy al tanto de lo =ue se cuece en la 8eb, )or eso ha incluido ?ltimamente algunas herra# mientas )ara introducir v'deos en las entradas de los blogs. Con esto, Blogger se )one a la al # tura de las circunstancias, )ues los v'deos y otros materiales multimedia est(n inundando la 8eb. 6os usuarios de blogs reclaman la )osibilidad de mostrar sus )ro)ios v'deos de forma creativa y tambi;n otros v'deos =ue les interesan y =ue =uieren incluir como contenido de sus art'culos o posts. -oco a )oco la 8eb va incor)orando estos elementos multimedia =ue ilustran los contenidos y =ue tienen =ue contribuir a )rofundi$ar en los conocimientos com)artidos.
.i vemos el v'deo desde la seccin Cedactar del editor, nos a)arecer( un cuadro con la )ala# bra NBP&C0, )ero si lo vemos haciendo clic en la Vista )revia, a)reciaremos cmo =uedar( in# sertado en nuestra entrada del blog. A continuacin tenemos un v'deo de Iou0ube donde vemos a dos robots bailando y movi;n# dose de forma muy humana. I otra )(gina >eb de donde )odemos descargarnos v'deos de ca# lidad es <ailymotion. Cuando elegimos un v'deo de este servicio, debajo del re)roductor hay un cam)o de te7to titulado D%ector e9portableD. All' tenemos el cdigo =ue hay =ue co)iar y )egar en el editor de nuestro blog.
A=u' vemos algunas eti=uetas del lenguaje 90M6 como Cob>ect<, Cparam< o Cembed<, =ue tienen =ue tener tambi;n su eti=ueta de cierre de esta manera* C/ob>ect<, C/param< o C/embed<. .i alguna ve$ faltara alguna de ellas, el gestor de Blogger )roducir'a un error, y tendr'amos =ue escribirla, y suele )asar con la eti=ueta de cierre de la eti=ueta C/embed<, =ue hay =ue volver a escribir una y otra ve$ )or=ue el )rograma la borra. <entro de las eti=ue# tas hay algunos atributos, como :idth FanchuraG y height FalturaG, con los =ue )odr'amos cambiar las dimensiones del re)roductor del v'deo sim)lemente modificando Flas dos veces =ue a)arecen cada unoG los n?meros =ue los acom)aan y =ue corrre)onden a )'7eles.
-ero tambi;n tenemos la )osibilidad de grabar nuestra vo$ en un servicio como Ndeo y re# )roducirla en nuestro blog con un re)roductor. A=u' dejo un saludo a los )artici)antes en el curso de edublogs*
)o>ered by N<&N
Enla+ando los archivos directamente en el servidor donde se encuentren alojados. &ste enlace )uede servir )ara descargarnos el v0deo o )ara mostrarlo con un reproductor asociado.
Copiando en el editor del blog el c"digo ./*% =ue nos )ro)orciona el servidor =ue aloja los v'deos. <e esta manera, utili$amos un v'deo ya guardado =ue no es nuestro y =ue se encuentra a dis)osicin del )?blico.
&n los blogs de Blogger tenemos la )osibilidad de guardar v0deos en sus servidores )ara mostrarlos con un re)roductor. &sta o)eracin se reali$a de forma muy sencilla sim)lemente haciendo clic en el icono corres)ondiente de la barra de iconos del editor de entradas. Cecientemente, Blogger ha incluido un nuevo editor renovado )ara las entradas, =ue se )uede activar en la seccin Con!iguraci"n -< - sico -< 3eleccionar editor de entradas -< Editor actuali+ado. &n ;l e7iste un botn o icono )ara cargar los v'deos al servidor, )ero tambi;n se )uede utili$ar el editor antiguo )ara ello, =ue se )uede elegir en la ruta de la confi# guracin arriba indicada seleccionando el , con el =ue utili$amos las siguientes e7)licaciones.
.lo tendremos =ue cargar el v'deo desde nuestro ordenador y )onerle un t'tulo. Io he utili# $ado un v'deo descargado de la Mediateca de &ducaMadrid, =ue viene en !ormato Dgp, a)ro# )iado )ara mviles. Al hacer clic en el enlace 3ubir v0deo, nos )reguntan en =u; formato de# seamos descargarlo*
<es)u;s de cargarlo, el )rograma lo convierte en v0deo/mpE. I ya lo )odemos ver incluido en nuestro blog con un re)roductor )ro)io, al =ue Blogger ha aadido recientemente la )osibilidad de verlo en pantalla completa haciendo clic en el icono inferior derecho*
.i =ueremos cambiar el tamao del v'deo, )odemos modificar su altura y su anchura en el cdigo 90M6 del v'deo. -ara ello tenemos =ue ir a la seccin Edici"n ./*% del editor y buscar su cdigo, =ue en nuestro caso es ;ste*
Qdiv styleRDte7t#align* centerHDS Qobject classRDB6N@WvideoWclassD contentidRD2cd5dbf14e1 /%d/D heightFG2H0G idRDB6N@Wvi# deo#2cd5dbf14e1 /%d/D :idthFGD2EGSQ+objectSQ+divS
&l te7to en a$ul es un cdigo 90M6 )ara centrar el v'deo en la )(gina, y =ue he introducido yo )or mi cuenta. &l te7to en negro es el cdigo 90M6 =ue incor)ora el editor )ara =ue se vea el v'deo con un re)roductor )ro)io. &n ;l he destacado en rojo los datos de la altura 5height6 y la anchura 5width6 =ue est(n en )'7eles. .lo tenemos =ue modificar esos n?# meros m(s o menos )ro)orcionalmente )ara cambiar el tamao del v'deo.
.i hacemos clic en la imagen o en el icono del signo m(s, se abrir( la siguiente ventana de configuracin*
-ondremos un t'tulo y elegiremos las eti=uetas tem(ticas =ue nos interesen, y listo. Cuando guardemos los cambios, a)arecer( la barra de v'deos en nuestro lateral, y si hacemos clic en uno de los v'deos, se abrir( en la )arte su)erior de nuestro blog, lo =ue no deja de ser original y sor)rendente*
Coa multimedia, e7celente blog donde Pos; MX Cam)o informa de manera )r(ctica so# bre toda la multimedia =ue se )uede incluir en un blog. &l balcn abierto, blog de Ungel -uente sobre todo ti)o de multimedia en los blogs. &dubloKi, >iKi de 6ourdes barroso, =ue ha reali$ado varios v'deotutoriales en su sobre distintas herramientas multimedia. Con eso tenemos )ara entretenernos un rato.
. Escasa anchura del blog )ara el contenido de los art'culos, lo =ue a veces )rovoca =ue las im(genes o los v'deos =ue insertamos en el blog sobre)asen la anchura de la entrada. &sto se )uede solucionar con la o)cin )iseo -< '>ustar ancho. 6a m(7ima anchura =ue se )er# mite )ara el -log completo es de %!!! )'7eles )ara =ue no sobre)ase la anchura est(ndar de %! 1 )7. A=u' tambi;n )odemos ajustar la anchura de los laterales, de forma =ue tengan es# )acio suficiente )ara los gadgets*
0eniendo en cuenta ;stos y otros as)ectos, )odemos establecer varios criterios a la hora de elegir una )lantilla* %. )iseo tipogr !ico #. Ia escrib' algunos consejos sobre el diseo del contenido de un blog en la seccin 3 del art'culo DCmo escribir un art'culo de blogD. <eber'amos tener en cuentas esas consideraciones sobre la sencille+ y la claridad visual, =ue se resumen en un ti)o de letra legible Fni grande ni )e=ueoG, un interlineado generoso, una longitud de l'nea adecuada Fni muy am)lia ni escasaG y una justificacin a la i$=uierda del )(rrafo. . 'nchura !luida o r0gida #. 6as )lantillas de Blogger tienen una anchura !i>a de %!!! )'7eles como m(7imo )ara ajustarse a los est(ndares. -ero se )uede conseguir una anchura !luida )ara =ue se ada)ta a las distintas resoluciones de los monitores. A=u' el criterio ser'a elegir una anchura fluida si =ueremos tener es)acio suficiente )ara introdu# cir im(genes grandes u otros elementos gr(ficos, y art'culos de cierta longitud. &s el caso de este blog. &n realidad en el diseo de este blog he hecho =ue la anchura !luya hasta los J000 p09eles, )or=ue mayores anchuras =ue ;sta )roducen unas l'neas de te7to demasiado largas como )ara =ue se lean con soltura. &n mi art'culo &l diseo Yl'# =uidoY en un blog de Blogger e7)lico este ti)o de diseo. /. Colores apropiados. 6os colores son im)ortantes )ara dar personalidad a nuestro blog, )ues indican incluso caracter'sticas )ersonales de los autores, y ayudan a dar am biente al contenido de un blog. .in embargo, hay que tener cuidado con los colores . @ran im)ortancia tiene la nitide+ del te9to, =ue se consigue con un contraste adecuado entre el color del !ondo y el color del te9to . Eo slo un te7to negro sobre fondo blanco )uede ser lo m(s adecuadoH tambi;n un fondo oscuro con te7to claro )ue# de ayudar a la lectura. -ero )or lo general se )refiere la )rimera o)cin, y hay mucha gente =ue odia la segunda. M(s se )odr'a decir sobre los diseos de las )lantillas de Blogger, )ero a=u' dejo estos a)un# tes )or si resultan ?tiles. 9ay =ue decir =ue en realidad estas consideraciones sobre el diseo tienen =ue ir siem)re acom)aadas del buen gusto y del sentido com?n.
Ahora tenemos =ue editar la cabecera haciendo clic en el enlace Editar corres)ondiente. y a)arecer( la siguiente ventana*
&n este formulario )odemos hacer lo siguiente* %. Cambiar el nombre del blog . &scribir una breve descri)cin del blog, =ue a)arecer( en la cabecera, debajo del t'tulo. /. Cargar o subir la imagen desde nuestro ordenador o desde otro servidor >eb donde est; alojada. 1. Colocar la imagen detr(s del t'tulo, o sustituir el t'tulo y la descri)cin, de forma =ue la imagen debe incluir el t'tulo del blog. Cuando guardamos los cambios, la imagen a)arece en la cabecera alineada a la i$=uierda. .i el diseo es de anchura fija, entonces la imagen )uede cubrir toda la cabecera con las medidas a)ro)iadas. -ero si la anchura del diseo es fle7ible, habr( =ue ver si nos gusta como =ueda. (o es recomendable hacer im genes muy anchas , )ues la resolucin de los monitores va# r'a, y el diseo se ensancha m(s o menos )ara aco)larse a la )antalla.