You are on page 1of 28

Crear un blog en Blogger

Creacin, configuracin, diseo y multimedia

Alejandro Valero
avalerofer@yahoo.es
Mayo de !!" # Actuali$ado el de agosto de !%!

&stos art'culos est(n )ublicados en mi blog Apuntes sobre blogs* htt)*++avalerofer.blogs)ot.com

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 .........................................................../%

Crear un blog en Blogger - 2

1. Cmo crear y configurar un blog en Blogger

.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.

1.1. Primer paso: crear una cuenta


Cuando entramos en Blogger, nos invitan a crearnos un blog con el lema* DEs muy sencillo y slo te llevar un minutoD, )ero antes convendr'a echar un vista$o r()ido, como nos indican con un enlace, )ara conocer de =u; va esto. A continuacin, hacemos clic en el enlace color naranja Crear un blog )ara comen$ar esta aventura. 6a )rimera fase slo ser( necesaria si no tenemos cuenta en @oogle. .i la tenemos, hay =ue hacer clic en el enlace Dprimero accede a ellaD, desde donde accederemos al segundo )aso. Eo hace falta tener una cuenta en @oogle, )ero conviene tenerla si =ueremos acceder a todas sus herramientas, =ue son las m(s utili$adas en la 8eb, y )ara ello hay =ue rellenar un formulario. &n todo caso, )odemos crear un blog sin cuenta en @oogle, )ara lo cual tendremos =ue com)letar el )rimer formulario =ue nos a)arece con el siguiente encabe$amiento*

Crear un blog en Blogger - 3


&n este formulario hay =ue incluir lo siguiente* %. Una cuenta de correo electrnico e7istente, =ue tendremos =ue re)etir en el siguien# te cam)o de te7to. A=u' se escribe la direccin com)leta de la cuenta. . Una contrasea escrita dos veces )ara evitar errores. 0iene =ue incluir ocho caracte# res como m'nimo, y )uede verificarse su fortaleza, es decir, su calidad como contrase# a, haciendo clic en el enlace corres)ondiente. /. El nombre que aparecer como autor del blog y de los art'culos. .e )uede o)tar )or un a)odo o nickname, o )or nuestro nombre real. 1. Una veri!icaci"n, =ue consiste en escribir las letras =ue a)arecen en una )e=uea imagen, lo cual se hace )ara evitar =ue se creen cuentas autom(ticamente. 3. Activar la casilla de aceptaci"n de las condiciones . Conviene leer estas DCondiciones del servicio de BloggerD, =ue muchos encuentran abusivas. 9acemos clic en la flecha Continuar# y continuamos con el siguiente paso.

1.2. Segundo paso: asignar un nombre al blog


&n esta fase sim)lemente escribiremos un nombre )ara nuestro blog, =ue )odremos cam# biar m(s tarde, y le asignaremos una direcci"n de internet, =ue no )odremos cambiar. &s im# )ortante =ue la direccin Ftambi;n llamada U$%G sea corta y siem)re con letras min?sculas, sin caracteres es)eciales como acentos o ees, y sin huecos. 6a direccin suele ser el nombre del blog o el nombre del autor, )ero se )uede )oner lo =ue se =uiera. -ara mi blog de )rueba, =ue se llama DMi blog en BloggerD, le he )uesto esta direccin* miblogenblogger. <es)u;s Blogger aade la )arte final hasta =uedar as'* http://miblogenblogger.blogspot.com. -ero antes de continuar hay =ue hacer clic en el enlace =ue dice Comprobar la disponibilidad )ara ver si ese nombre ya est( elegido )or otro miembroH y suele ocurrir con frecuencia =ue ya est; utili$ado, as' =ue hay =ue agu$ar el ingenio. .i ocurre esto, nos avisan con la fra # se* %o sentimos# esta direcci"n del blog no est disponible .

Crear un blog en Blogger - 4

1.3. ercer paso: elegir una plantilla

-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.

Crear un blog en Blogger - !

1.4. Cmo acceder al nue"o blog

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.

Crear un blog en Blogger - #

1.!. $l panel de control o Escritorio

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.

Crear un blog en Blogger - %

1.#. Configuracin r&pida de las opciones


6os blogs de Blogger tienen, como todos los gestores de contenido, la parte privada de la administraci"n, donde se escriben las entradas, se configura el blog y se modifica el diseo. &n Blogger, la estructura de la administraci"n del blog est( dividida en cinco secciones de momento, =ue se corres)onden con las cinco pestaas =ue destacan en la )arte su)erior. Ce# sulta ?til esta divisi"n visual, )or=ue as' sabemos dnde nos encontramos. Adem(s, Blogger slo incluye as)ectos b(sicos de la estructura de un blog, y deja )ara otros gestores una sofis # ticacin =ue no siem)re es )ositiva. .e echan de menos un )ar de cosas, )ero en general este gestor est( )ensado )ara =ue sea sencillo de utili$ar y )ara =ue sea inmediatamente )roductivo. Antes de em)e$ar a escribir en el blog, conviene reali+ar una serie de cambios en la con!iguraci"n, aun=ue no hace falta =ue sean muchos. Ahora vamos a e7aminar unos )osi# bles cambios =ue )odemos reali$ar cuando hacemos clic en el enlace Con!iguraci"n del )anel. &n este caso, nos encontraremos con las tres )estaas caracter'sticas del )anel del blog, y est( activa la de la configuracin*

<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.

Crear un blog en Blogger - '


1. 'rchivo* %. 4recuencia de archivo* a=u' establecemos la frecuencia con =ue deseamos =ue se guarden las entradas )ublicadas de forma visual en el lateral del blog. . 1.abilitar p ginas de entrada2 * las )(ginas de entrada son las )(ginas indivi# duales o enlaces )ermanentes )ara cada entrada, a los =ue se llega generalmente haciendo clic en el t'tulo =ue una entrada tiene en la )ortada. &s im)ortante tener habilitada esta o)cin. 3. 4eed del sitio* un feed es un anglicismo =ue se refiere a una forma de distribuir el contenido de nuestro blog en otros blogs =ue recogen nuestro enlace de feed )or medio de la tecnolog'a C.., situado en la )arte inferior del blog con la e7)resin D 3uscribirse a: 5Entradas 'tom6D. Con ese enlace, se )ueden )ublicar nuestras entradas com)le# tas o cortas en otro blog autom(ticamente conforme las vayamos )ublicando. 2. 7ermisos* en esta seccin se aaden autores nuevos al blog, de manera =ue se con# vierta en un blog colectivo. 6os autores aadidos tienen la )osibilidad de escribir entra# das al blog, )ero no de administrarlo a menos =ue el autor del blog se lo )ermita. 0am # bi;n se )uede elegir =ui;nes =ueremos =ue vean nuestro blog.

1.%. Configuracin de las entradas del blog


Ntro as)ecto muy im)ortante =ue tenemos =ue tener en cuenta es la con!iguraci"n de las entradas del blog. -ara ello, hay =ue ir a la seccin )iseo, y all' tenemos =ue hacer clic en el enlace Editar de la )arte de Entradas del blog, como se muestra en la siguiente imagen resaltado con dos cuadros rojos*

<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.

Crear un blog en Blogger - (


/. *ostrar edici"n r pida* el icono del l()i$ a)arece en la )arte inferior de la entradadel blog, junto al nombre del autor y la fecha, slo cuando estamos conectados a Blogger. .irve )ara entrar directamente al editor del blog y editar dicha entrada. 1. $eacciones* es una o)cin )ara =ue los lectores del blog califi=uen cada entrada. -ue# de editarse )ara cambiar los adjetivos de la calificacin. &n las dem(s o)ciones se )uede cambiar el te7to de los distintos elementos =ue se ver(n generalmente al final de la entrada. I en la )arte inferior de la ventana, )odemos ,rdenar elementos arrastr(ndolos con el cursor del ratn.

1.'. )*adir gadgets al blog


-ara cambiar el diseo del blog, )odemos acceder desde la )estaa )iseo o desde el enla# ce del mismo nombre =ue hay en el Escritorio. &n esta seccin tenemos la )osibilidad de aa# dir y organi$ar elementos de la )(gina, una forma intuitiva de incluir nuevos elementos al blog. 6os gadgets son unos elementos relativamente nuevos en la 8eb =ue la 8iKi)edia define como Ddis)ositivo =ue tiene un )ro)sito y una funcin es)ec'fica, generalmente de )e=ueas )ro)orciones, )r(ctico y a la ve$ novedosoD. .on muy conocidos los de @oogle, y tambi;n los de Blogger, entre los =ue se incluyen a=u;llos, cientos de )e=ueos dis)ositivos =ue nos )ue # den ayudar en muchas tareas relativas al blog o a sus contenidos. .u facilidad de uso y de configuracin ha )rovocado literalmente la invasin de los gadgets, de forma indiscriminada al# gunas veces. Osta es la o)cin m(s im)resionante =ue tienen los blogs de Blogger y aaden elementos al lateral del blog )rinci)almente, )ero tambi;n se )ueden aadir al )ie de la )(gina. -ara ver cmo funciona, hacemos clic en el enlace 'adir un gadget, y a)arecer( una ventana nueva*

&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*

Crear un blog en Blogger - 1+


%. 7er!il* muestra nuestro )erfil de Blogger, y es im)ortante )ara =ue nuestros lectores nos cono$can m'nimamente. . 'rchivo del blog* clasifica las entradas del blog )or meses y aos, y las enla$a en el lateral del blog )ara =ue se )ueda acceder a ellas r()idamente. /. Etiquetas* muestra las eti=uetas =ue hemos incluido en las entradas )ara clasificarlas. 1. %istas* hay varios gadgets de lista de libros, de blogs y de enlaces, =ue siem)re son im)rescindibles )ara =ue e7ista una m'nima comunicacin entre blogs. 3. Cuadro de b8squeda* muy ?til )ara =ue los lectores bus=uen contenidos en el blog. 2. 3eguidores* un gadget muy original =ue )ermite una es)ecie de suscri)cin al blog )or )arte de los lectores. Con otros gadgets se )ueden incluir muchos elementos )ersonali$ados, )ero a veces se re# =uieren ciertos conocimientos sobre 90M6. &n el siguiente ejem)lo slo se re=uiere saber es# cribir. -robemos a incluir un te7to sencillo =ue defina nuestro blog y =ue lean los visitantes. -ara ello elegiremos el gadget /e9to y haremos clic en la imagen de la i$=uierda o en el signo ; de la derecha. A continuacin nos a)arecer( una ventana como la siguiente, donde confi# guraremos el te7to*

&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*

Crear un blog en Blogger - 11


I ya )odemos ver cmo =ueda el te7to de )resentacin en nuestro blog, =ue se ver( en el lateral del blog*

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.

Crear un blog en Blogger - 12

2. ,a creacin de entradas y de p&ginas


2.1. ,as opciones de creacin de entradas

&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.

2.2. ,os elementos de una entrada de blog


6a entrada de blog o post, seg?n el t;rmino ingl;s muy e7tendido, consiste en los siguientes elementos, numerados en la imagen siguiente* %. /0tulo de la entrada. &s im)ortante no olvidarse de escribir un t'tulo, )or=ue si no, a los lectores les resultar( dif'cil identificar la entrada. . El editor, com)uesto )or una )arte visual bajo la )estaa $edactar, y la )arte de c# digo fuente bajo la )estaa Edici"n de ./*%. &l enlace a =ista previa se ha cambia# do recientemente )or un botn en la seccin 4 de la imagen. /. &l editor visual est( com)uesto de una barra su)erior de botones para !ormatear el te7to y )ara incluir elementos multimedia. 1. /e9to de la entrada, =ue )uede ir acom)aado de elementos multimedia e interactivos.

Crear un blog en Blogger - 13


3. 6as etiquetas de esta entrada, =ue consisten en )alabras o e7)resiones se)aradas )or comas =ue definen y clasifican las entradas. &stas eti=uetas o tags, seg?n la jerga, las )odemos incluir en el lateral del blog mediante el gadget llamado Etiquetas )ara =ue los lectores lean las entradas =ue las incor)oran. .i hacemos clic en el enlace *ostrar todo, se ver(n todas las eti=uetas del blog. 2. 6as ,pciones de entrada nos abren otra seccin del editor donde se )ueden )ermitir o no los comentarios de los lectores o los v'nculos, y donde se )uede modificar la fecha y hora de la entrada. 4. -or ?ltimo, la entrada se publica o se guarda sin publicar )ulsando los enlaces co# rres)ondientes de la )arte inferior =ue tienen fondos rojo y a$ul. Cecientemente se ha aadido el botn =ista previa, =ue )ermite una visin e7acta de cmo =uedar( la en# trada o la )(gina una ve$ )ublicadas. -ara la creaci"n de p ginas, el editor es el mismo, )ero tiene menos ,pciones de entrada y no incluye las etiquetas debido a las caracter'sticas de este ti)o de contenido est(tico.

Crear un blog en Blogger - 14

2.3. Botones para formatear el te-to. Creacin de enlaces


6os botones para !ormatear el te9to =ue a)arecen en la barra su)erior del editor son )a# recidos a otros =ue se manejan en editores convencionales, y si se coloca el cursor del ratn encima de ellos, a)arece una descri)cin del botn en un marco de te7to. 6os ?nicos botones =ue )ueden ser menos habituales en un )rocesador de te7tos son los de incluir enlaces e im genes. -ara incluir un enlace o link en el te7to, hay =ue hacer lo siguiente* %. -rimero tenemos =ue destacar el te9to que ir enla+ado. -ara ello, arrastramos el )untero del ratn mientras a)retamos el botn i$=uierdo. &n la imagen siguiente, el te7to enla$ado es &oogle en la frase DBuscador @oogleD*

. 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*

Crear un blog en Blogger - 1!


6as dos )estaas su)eriores del editor muestran el contenido de la entrada de distinta forma*

&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.

2.4. Cmo a*adir im&genes


&n Blogger resulta sencillo incluir una imagen. -ara ello, hacemos clic en el icono de aadir imagen, destacado con un c'rculo rojo en la siguiente imagen, y entonces a)arece una ventana emergente*

&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*

Crear un blog en Blogger - 1#

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.

Crear un blog en Blogger - 1%

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.

3.1. )lgunas pegas de la multimedia en la /eb


6os objetos multimedia han )asado )or un calvario es)ecial en la 8eb hasta hace muy )oco tiem)o debido a =ue re=uieren lo siguiente* %. *ucho espacio :eb en los servidores, )ues son objetos voluminosos. . Cone9i"n r pida de internet debido a su com)leja estructura. /. C"decs y reproductores adecuados )ara su re)roduccin. 1. Plug-ins necesarios en los navegadores >eb. .lo recientemente se ha )odido incor)orar la multimedia a las )(ginas >eb de manera ma# siva, ya =ue esas )egas se han su)erado, aun=ue no totalmente. <e todas formas, a?n se de# ben su)erar otros inconvenientes =ue surgen debido a las caracter'sticas de estos elementos. Consideremos lo siguiente* %. El contenido de un v0deo no consta para los buscadores :eb , )or=ue no se e7# )resa en te7to escrito. -or tanto, su utili$acin masiva no contribuye a la construccin de la 8eb sem(ntica, =ue es el objetivo =ue se vislumbra en el hori$onte. &sto se )uede solucionar, como consta en las es)ecificaciones de la accesibilidad, con la inclusin de la transcripci"n del te9to del v0deo, o al menos con un resumen. Eaturalmente, esto no lo hace casi nadie, )ero ah' =ueda. . 6a inclusin de elementos multimedia aumenta el ruido en la @eb en los dos senti# dos m(s evidentes. -or un lado, hay =ue )ensar =ue muchos ordenadores se encuen# tran en lugares )?blicos donde no se )uede o no se debe molestar con voces o ruidos. I )or otro lado, la inclusin masiva de la multimedia en la Ced, a veces sin motivos evi#

Crear un blog en Blogger - 1'


dentes, contribuye al ruido y el desorden =ue )rovoca su e7agerada )roliferacin, =ue se hace inso)ortable con la )ublicidad. /. AI =u; )asa con las personas sordas o ciegasB Vue no van a )oder beneficiarse de toda esta renovacin en la 8eb. %a accesibilidad de las p ginas :eb es ya una obli# gacin legal en muchos )a'ses, =ue tendr(n =ue tener en cuenta sobre todo las >ebs de (mbitos )?blicos, en es)ecial el educativo. -ero son tantas las ventajas =ue a)orta la multimedia, =ue estos inconvenientes se est(n su)erando o se est(n ocultando debajo de la alfombra. 0odav'a hoy no se )uede confiar todo el contenido de una >eb a sus elementos multimedia, )or=ue )ueden fallar )or muchos motivos. Ve# remos =u; nos a)ortan los adelantos tecnolgicos del futuro cercano.

3.2. Cmo incluir elementos multimedia en Blogger


&n Blogger se )ueden incluir muchos elementos multimedia, como en otros gestores de con# tenido, y )ara =ue estos v'deos o audios se vean y se oigan en los blogs generalmente el usua# rio tiene =ue tener instalado en su navegador unos com)lementos o plugins de 4lash y de Aava =ue )ermiten la visin o audicin de estos elementos. &sto en s' su)one un )roblema, )or=ue no todos los navegadores los tienen incor)orados, aun=ue s' la mayor'a. &n )rinci)io )odemos trabajar a gusto con la multimedia sabiendo =ue casi todos los usuarios )odr(n bene# ficiarse de estas nuevas tecnolog'as. @eneralmente, los gestores de blogs, es decir, las a)licaciones =ue como Blogger nos )er# miten crear blogs o bit(coras, tienen incor)oradas algunas o)ciones con las =ue introducir el cdigo necesario en nuestro blog )ara enla$ar un v'deo u otros elementos multimedias. Vamos a ver cu(les son los )asos =ue se siguen habitualmente )ara reali$ar esto, y lo haremos con un ejem)lo )ara traer un v'deo de Iou0ube y )ublicarlo en nuestro blog.

3.3. Cmo incluir un "0deo en el blog mediante cdigo


%. Vamos a la )(gina donde se )ublican los v'deosH en este caso, Iou0ube. &legimos un v'# deo =ue nos guste y hacemos clic encima de ;l )ara ir al documento individual donde a)arece ese v'deo. . All' veremos, debajo del v'deo, el enlace Bnsertar. .i hacemos clic en ;l, se abre un re# cuadro =ue incluye el c"digo ./*% del v'deo y una serie de o)ciones )ara )ersonali$ar el cdigo eligiendo el color y el tamao del re)roductor, entre otras cosas. Ahora tene# mos =ue reali$ar lo siguiente* hacemos clic encima de ese recuadro, y el cdigo se marcar( si no estaba ya marcado. <es)u;s, sin mover el cursor de all', hacemos clic en el bot"n derecho del rat"n y elegimos la o)cin =ue nos )ermite copiar ese c"digo en la memoria del sistema. /. -or ?ltimo, abrimos una nueva entrada en nuestro blog, y pegamos el cdigo en la )ar# te de Edici"n de ./*% del editor de te7tos, como se ve en como se ve en la imagen de la seccin /.1.

Crear un blog en Blogger - 1(

.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.

Crear un blog en Blogger - 2+

3.4. $l cdigo de 1 ., del "0deo


&l cdigo del v'deo de 0outube =ue hemos )egado en el blog es el siguiente*

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.

3.!. Cmo insertar podcasts


6os podcasts son grabaciones de audio =ue se re)roducen en un blog con un lector o re# )roductor de Tlash, y se utili$an habitualmente )ara incluir canciones o re)roducciones de vo$. &7isten sitios >eb de donde )odemos traernos canciones sim)lemente co)iando un cdigo y )eg(ndolo en nuestro blogH uno de estos servicios es @o&ar. A=u' tenemos la Danza hngara*

-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

Ntro servicio )arecido a ;ste es &voca.

Crear un blog en Blogger - 21

3.#. Cmo insertar presentaciones


Jna de las novedades relativamente recientes en la 8eb es la )osibilidad de incluir )resen# taciones del estilo -o>er -oint en una )(gina >eb. &l lugar m(s conocido donde )odemos car# gar una )resentacin es .lide.hare, y donde adem(s )odemos utili$ar cual=uiera de las )ubli# cadas en esa >eb social. Cuando guardamos all' una )resentacin, ;sta )ierde las transiciones y otras animaciones =ue tenga, )ero se convierte en un objeto multimedia =ue )odemos ver con toda comodidad conectados a internet. &l )rocedimiento =ue se sigue es el de co)iar el c# digo de la )resentacin en nuestro editor. Con la siguiente )resentacin de Ungel -uente )o# dremos conocer m(s a fondo la multimedia en los blogs*

3.%. 2ncorporar "0deos carg&ndolos al ser"idor


&7isten dos formas de incluir v'deos en una )(gina >eb*

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.

Crear un blog en Blogger - 22


&ntonces, a)arece el siguiente cuadro de di(logo*

.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*

Crear un blog en Blogger - 23


6os botones de la )arte inferior del v'deo nos )ermiten no slo re)roducirlo o detenerlo, sino tambi;n ajustar el sonido o mostrarlo en )antalla com)leta. -ero tambi;n )odemos avan$ar o rebobinar el v'deo mientras se re)roduce sim)lemente haciendo clic en la banda =ue a)arece encima de los botones o moviendo el circulito =ue indica el tiem)o de re)roduccin, como se muestra en la siguiente imagen*

.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.

3.'. $l gadget Barra de vdeos


-ero no todo =ueda a=u'. 0ambi;n Blogger nos )ro)orciona un gadget con el =ue )odemos incluir un enlace directo a los v0deos de Iou/ube y de &oogle =0deo desde el lateral de nuestro blog. .i vamos a nuestro )anel del blog y entramos en la seccin )iseo, encontrare# mos a la derecha el enlace 'adir y organi+ar elementos de la p gina, =ue nos )ro)orciona la )osibilidad de insertar estos dis)ositivos con el enlace 'adir un gadget. <e la ventana emergente =ue surge, elegiremos el gadget -arra de v0deo:

.i hacemos clic en la imagen o en el icono del signo m(s, se abrir( la siguiente ventana de configuracin*

Crear un blog en Blogger - 24

-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*

3.(. $nlaces de inter3s


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.

Crear un blog en Blogger - 2!

4. 4ise*o del blog de Blogger


4.1. 4ise*o y eleccin de la plantilla en Blogger
Blogger dis)one del <iseador de )lantillas )ara =ue creemos y modifi# =uemos el diseo del blog a nuestro antojo de forma visual y sencilla. Con esta herramienta, el diseo de los blogs tiene un as)ecto )rofesional y bonito, )ero no hay =ue dejarse llevar )or tanto colorido y tantas im(# genes, sino =ue tenemos =ue crear un diseo =ue se ajuste al objetivo de nuestro blog. &n este art'culo vamos a anali$ar algunos criterios )ara elegir una buena )lantilla de Blogger =ue satisfaga las necesidades de nuestro blog. &s conveniente =ue dedi=uemos el tiem)o necesario )ara elegir un buen diseo para el blog, )ues el buen diseo de un blog es fundamental )ara =ue sea le0do con placer y visitado con !recuencia. <esde mi )unto de vista, hay =ue tener en cuenta las siguientes deficien# cias =ue veo en muchos blogs* %. /ipos de letra pequeos , =ue no son adecuados )ara una lectura continuada. &sto se )uede solucionar en Blogger con la o)cin 'van+ado -< /e9to de la p gina del <iseador de )lantillas, donde se )uede elegir el ti)o y el tamao de la ti)ograf'a o fuente, entre otras o)ciones de color )ara el blog*

. 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*

Crear un blog en Blogger - 2#


/. )os laterales sobrecargados, =ue recargan el conjunto del blog y )rovocan cierto re# cha$o. .iem)re es mejor tener slo un lateral )ara incluir los gadgets necesarios, y as' deja # mos =ue la columna de las entradas sea la )rotagonista del blog. &n todo caso, se )uede o)tar )or incluir dos laterales juntos a un lado del blog, y todo esto se )uede elegir en las o)ciones de )iseo -< )iseo del cuerpo del blog*

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.

Crear un blog en Blogger - 2%

4.2. Cmo incluir una imagen en la cabecera del blog


Jno de los as)ectos =ue no se )ueden descuidar en un blog es el diseo. -ero no me refiero a los adornos m(s o menos su# )erfluos =ue confunden a los usuarios o llenan de ruido un blog, sino a lo =ue contribuye a su !uncionalidad y a su caracteri+aci"n. 6a cabecera de las bit(coras es lo )rimero =ue tenemos =ue cuidar, )or=ue sencillamente es lo )rimero =ue se ve, y ya sabemos =ue las )rimeras im # )resiones cuentan en la vida. 6os diseos de =ue dis)onemos en los gestores de los blogs sue# len ser variados, )ero como los usan muchos usuarios, al final nos encontramos en la 8eb mu # chos blogs Dcomo los m'osD. 6o mejor en estos casos es colocar una imagen en la cabecera )ara )ersonali$ar nuestra bit(cora, y )ara ello hay =ue tener en cuenta lo siguiente* %. 6a imagen no tiene =ue ser grande ni )retenciosaH basta con un icono re)resentativo o una imagen de tamao medio =ue d; una idea del contenido del blog y =ue e7)rese la )ersonalidad del autor o autores del blog. . Como el t'tulo del blog est( a la i$=uierda, es mejor colocar la imagen a la derecha )ara evitar que el te9to se superponga a la imagen , aun=ue a veces este caso )uede ser bonito, )ero la imagen nunca tiene =ue entor)ecer la lectura del t'tulo. /. 6os diseos de los blogs de Blogger, como muchos diseos de blogs, tienen dos modali# dades seg?n tengan una anchura !i>a o se e9tiendan todo lo ancho de la pantalla FstrechG. .i la anchura es fija, entonces la anchura de la imagen se )uede aco)lar a la del diseo, )ero, en caso contrario, la imagen no cambiar( de anchura, mientras =ue la cabecera, junto a todo el diseo, se )uede ensanchar m(s o menos. &n Blogger, se )ueden incluir im(genes en las entradas, en el lateral, en el )ie y en la cebe # cera del diseo. -ara incluirlas en las entradas, utili$amos el editor, y )ara incluirlas en el dise# o, usamos los llamados !idgets, =ue se encuentran en la seccin de la 7lantilla, dentro del 7anel o $ona de administracin del blogH en concreto, tenemos =ue ir a la )arte de 'adir y organi+ar elementos de la p gina, como se ve en la imagen*

Ahora tenemos =ue editar la cabecera haciendo clic en el enlace Editar corres)ondiente. y a)arecer( la siguiente ventana*

Crear un blog en Blogger - 2'

&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.