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 disponibi-
lidad )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://miblo-
genblogger.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 princi-
pales 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 pginas 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 pginas 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 D3uscribirse
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 pgina 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 pgina 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 rpida* 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 automtica 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!or-
mativos, 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 pginas 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 pginas* 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 *os-
trar 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 pginas, el editor es el mismo, )ero tiene menos ,pciones de entra-
da 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
imgenes.
-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 aa-
dir 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 aa-
dir 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 imgenes 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 te-
ner 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 ima-
gen. &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 imgenes 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 reproduc-
tor 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 rpida 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 pginas :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 re-
productor 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 pgina, =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 visita-
do 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 pgina 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 an-
chura !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 ade-
cuado 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 pgina, 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 imgenes 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.