Crear un blog en Blogger

Creacin, configuracin, diseo y multimedia

Alejandro Valero
avalerofer@yahoo.es

Mayo de 2009

Estos artculos estn publicados en

i blo!

Apuntes sobre blogs" http"##avalerofer.blo!spot.co

http://creativecommons.org/licenses/by-nc-sa/2.0/es/

Crear un blog en Blogger - 2

$ndice de contenido
%rear un blo! en &lo!!er %reaci'n( confi!uraci'n( dise)o y ulti edia.............................................................* *. %' o crear un blo! en &lo!!er ........................................................................+ *.*. ,ri er paso" crear una cuenta...................................................................+ *.2. -e!undo paso" asi!nar un no bre al blo!.................................................... *.+. /ercer paso" ele!ir una plantilla.................................................................0 *... %' o acceder al nuevo blo! .....................................................................1 *.0. El panel de control o Escritorio...................................................................2 *.1. %onfi!uraci'n rpida de las opciones..........................................................3 2. 4ise)o del blo! de &lo!!er.............................................................................*0 2.*. 4ise)o y elecci'n de la plantilla en &lo!!er ...............................................*0 2.2. %' o incluir una i a!en en la cabecera del blo! .......................................*2 2.+. A)adir !ad!ets al blo! ...........................................................................*. +. 5a creaci'n de entradas.................................................................................*1 +.*. 5as opciones de creaci'n de entradas.......................................................*1 +.2. 5os ele entos de una entrada de blo!......................................................*1 +.+. &otones para for atear el te6to...............................................................*3 +... 7or as de incluir i !enes.....................................................................*9 .. Multi edia en &lo!!er...................................................................................20 ..*. Al!unas pe!as de la ulti edia en la 8eb................................................20 ulti edia en &lo!!er..........................................2* ediante c'di!o.......................................2* ..2. %' o incluir ele entos

..+. %' o incluir un vdeo en el blo!

..... El c'di!o de 9/M5 del vdeo ..................................................................2+ ..0. %' o insertar podcasts...........................................................................2+ ..1. %' o insertar presentaciones..................................................................2. ..2. :ncorporar vdeos car!ndolos al servidor..................................................2.

Crear un blog en Blogger - 3

1. Cmo crear un blog en Blogger

-i ;uieres e pe<ar en esto de los blo!s( lo donde ejor es crear uno en &lo!!er( en la uchas personas e pie<an a escribir sus bitcoras( y donde est

alojado este blo!. -'lo tienes ;ue escribir http"##===2.blo!!er.co

barra de direcciones de tu nave!ador o hacer clic en este enlace. Entonces aparecer la p!ina principal de &lo!!er( en la ;ue vas a reali<ar tres senci> llos pasos para crear tu blo!. 5o ?nico ;ue necesitas es una cuenta de correo electr'nico( y no hace falta ;ue sea la de @oo!le( la e presa ;ue posee este servicio !ratuito de blo!s o bitcoras. A/e ani as a tener tu blo!B Entonces( contin?a leyendo y e pe<ars una nueva aventura en la Ced.

1.1. Primer paso: crear una cuenta

5o pri ero ;ue hay ;ue hacer es un clic en la flecha ;ue nos dice Crear tu blog ahora. Eso nos llevar a otro docu ento donde debere os Crear una cuenta de Blogger( lo ;ue ;uiere decir ;ue tene os ;ue crear una cuenta ;ue nos identifi;ue en ese servicio y una direcci'n para nuestro blo!. En el te6to nos avisan de ;ue si ya tene os una cuenta en @oo!le( por eje plo del correo de @ ail( tene os ;ue hacer clic en el enlace ;ue dice primero acceda a ella. En este caso( el pri er paso para crear el blo! se reali<ar auto tica ente( y pasare> os al paso 2. ,ero quienes no tienen cuenta de Google, tendr n que rellenar el siguiente !ormulario"

Crear un blog en Blogger -

En este for ulario hay ;ue incluir lo si!uiente"

Dna cuenta de correo electr'nico e6istente ;ue ten!a el creador del blo!. Dna contrase)a escrita dos veces para ase!urarse de ;ue no hay errores. El no bre ;ue aparecer co o autor o autora del blo! y de los artculos. Dna verificaci'n( ;ue consiste en escribir las letras ;ue aparecen en una pe;ue)a i a!en. Activar la casilla de aceptaci'n de las condiciones( aun;ue sie pre es las antes. ejor leer>

9ace os clic en la flecha Continuar, y continuamos con el siguiente paso.

1.2. !egundo paso: asignar un nombre al blog

En esta fase si ple ente escribire os un nombre para nuestro blo!( ;ue podre os ca biar tras s tarde( y le asi!nare os una direcci"n de internet( ;ue no podre os ca > biar. Es i portante ;ue la direcci'n Eta biFn lla ada #$%G sea corta y sie pre con le> in?sculas( sin caracteres especiales co o acentos o e)es( y sin huecos. 5a direc> i blo! de prueba( ;ue se lla a HMi blo! en &lo!!erH( le he puesto esta di> ci'n suele ser el no bre del blo! o el no bre del autor( pero se puede poner lo ;ue se ;uiera. ,ara recci'n" miblogenblogger. 4espuFs &lo!!er a)ade la parte final hasta ;uedar as" http://miblogenblogger.blogspot.com

Crear un blog en Blogger - "

,ero antes de continuar hay ;ue hacer clic en el enlace ;ue dice Comprobar la disponibilidad para ver si ese no bre ya est ele!ido por otro ie broI y suele ocurrir disponible. con frecuencia ;ue ya estF utili<ado( as ;ue hay ;ue a!u<ar el in!enio. -i ocurre esto( nos avisan con la frase" %o sentimos, esta direcci"n del blog no est J ahora va os al ?lti o paso.

1.3. #ercer paso: elegir una plantilla

,or ?lti o( tendre os ;ue ele!ir una plantilla( ;ue es el dise)o !eneral del blo!. Ele!i> re os la ;ue s nos !uste( pero s adelante podre os ca biarla sie pre ;ue ;uera> os. 5a elecci'n de la plantilla es i portante( y por eso he escrito un artculo en este blo!( H4ise)o y elecci'n de la plantilla en &lo!!erH( donde escribo unos consejos para ele> !ir la plantilla adecuada.

J ya tene os nuestro blo! en &lo!!er. Ahora habr ;ue confi!urarlo y e pe<ar a es> cribir. ,ero eso es otra historia.

Crear un blog en Blogger - $

,ara ver nuestro blo!( tendre os ;ue escribir su direcci'n en el nave!ador( y en caso es" http"## iblo!enblo!!er.blo!spot.co . Entonces aparecer vaca" i

J enci a de ella vere os la barra a<ul de &lo!!er( con la ;ue podre os entrar a la parte de la Ad insitraci'n a escribir una &ueva 'ntrada en el blo! o a (ersonali)ar el dise)o( ade s de otras funciones.

1. . Cmo acceder al nue%o blog

Dn proble a

uy co ?n entre los principiantes es ;ue no saben acceder a su nuevo

blo!. -e puede acceder de dos for as" *. 5a for a s sencilla es ir a la p!ina principal de &lo!!er( y all nos presentan un

pe;ue)o !ormulario con un campo de te*to y otro de contrase+a. En el pri> ero escribi os nuestro no bre de usuario( en este caso nuestra cuenta de Google o la direcci'n co pleta de la cuenta de correo con ;ue re!istra os nuestro blo!. %uando ha!a os clic en el enlace ,cceder( lle!are os a nuestro 'scritorio del blo!. 2. Escribiendo la direcci'n co pleta del nuevo blo! co o( por eje plo" http://miblogenblogger.blogspot.com. En este caso( aparecern unos enlaces en la par> te superior del blo!. 9ay ;ue hacer clic en ,cceder( ;ue est en la parte derecha( y entonces lle!are os a la p!ina principal de &lo!!er para incluir nuestros datos. -i esta os conectados a &lo!!er en el nave!ador Epor edio de las cookiesG( hay ;ue hacer clic en el enlace 'scritorio( y entrare os directa ente a nuestro blo!.

Crear un blog en Blogger - &

5os visitantes vern el nuevo blo! escribiendo su direcci"n o #$% en la barra de di> recciones de su nave!ador. ,asados unos das( despuFs de ;ue los buscadores hayan te> nido tie po a rastrear el nuevo blo!( ta biFn se podr acceder a Fl si ple ente escri> biendo el no bre del blo! en el buscador. ,ara ter inar esta secci'n( dire os ;ue un usuario puede crearse tros blo!s. s de un blo! en &lo!!er( y cuando se acceda al 'scritorio o panel de control( aparecern all todos nues>

1.". 'l panel de control o Escritorio

%uando accede os a nuestro blo! reciFn creado( nos encontra os con el 'scritorio( ;ue antes se lla aba (anel(y ;ue nos da acceso a la parte privada del blog o administraci"n. En la i a!en superior uestro el o( ;ue incluye dos blo!s de &lo!!er en los ;ue publico. 4esde a;u controla os todos nuestros blo!s y ta biFn( a la i<;uierda( nuestro perfil de usuario y nuestra cuenta. El per!il de usuario es i portante para for ar parte de la co unidad de &lo!!er( ;ue es uy e6tensa en todo el undo. Estos datos personales los podrn ver los visitan> tes de nuestro blo!( pero ta biFn aparecern cuando escriba os un co entario en otro blo!. -ie pre es conveniente ;ue escriba os al!unos datos nuestros para ;ue los de s nos cono<can( aun;ue sea un poco( pues no hay ;ue olvidar ;ue el carcter personal es i portante en los blo!s. En el panel de control aparecen otros enlaces i portantes" *. Creaci"n de entradas" para escribir un nuevo te6to en nuestro blo!. En el sub> en? de esta pesta)a est la opci'n 'ditar entradas para ver todas las entradas escritas en el blo! y editarlas. 2. Con!iguraci"n" para confi!urar nuestro blo!( es decir( para personali<arlo se!?n nuestros !ustos y necesidades. +. -ise+o" para odificar el dise)o ele!ido o esco!er otro nuevo. .. .oneti)ar" es una nueva opci'n para !anar dinero con la publicidad de Ad-ense( propia de @oo!le.

Crear un blog en Blogger - (

1.$. Configuracin r)pida de las opciones

Antes de e pe<ar a escribir en el blo!( conviene reali)ar una serie de cambios en la con!iguraci"n( aun;ue no hace falta ;ue sean uchos. Ahora va os a e6a inar unos posibles ca bios ;ue pode os reali<ar cuando hace os clic en el enlace Con!iguraci"n del panel. En este caso( nos encontrare os con las tres pesta)as caractersticas del panel del blo!( y est activa la de la confi!uraci'n"

4ebajo de la pesta)a Con!iguraci"n aparece una fila con otras opciones( pero de en> trada ya esta os en la opci'n lla ada B sico. Ahora va os a anali<ar breve ente las opciones s i portantes( aun;ue

uchas de ellas estn ya e6plicadas en el blo!. odificar sie pre ;ue se ;uiera.

*. B sico" /0tulo" es el ttulo del blo!( ;ue se puede en la cabecera del blo!. 1-eseas a+adir tu blog a nuestras listas2" es aconsejable. 2. 3ormato" en esta secci'n se ca bian los for atos de fecha y hora( y se adapta la <ona horaria ;ue( en nuestro caso( es E@M/K0*"00GMadrid. +. Comentarios" en esta secci'n se confi!uran los co entarios( de pueden

-escripci"n" es una descripci'n del blo!( ;ue aparecer debajo del ttulo

anera ;ue se

ostrar u ocultar( o ele!ir el tipo de usuarios ;ue tienen per iso para es>

cribirlos. Ltras opciones i portantes son las si!uientes" #bicaci"n del !ormulario de comentarios" los co entarios pueden es> cribirse en una p gina completa aparte de la entrada( en una ventana emergente o en una entrada incrustada a continuaci"n( es decir( en un for ulario ubicado despuFs de la entrada. Jo aconsejo Fsta ?lti a op> ci'n( pues es la

s habitual en la

ayora de los blo!s.

'nlaces de retroceso" son enlaces a entradas de otros blo!s ;ue han en> la<ado una entrada de nuestro blo!. As sabe os ;uiFn se hace eco de nuestro blo!.

.oderaci"n de comentarios" podre os leer los co entarios antes de publicarlos( y aparecern en la la opci'n .oderaci"n de comentarios de la pesta)a Creaci"n de entradas.

Correo electr"nico de noti!icaci"n de comentarios" a;u pode os es> cribir nuestro e ail para recibir un aviso cada ve< ;ue al!uien escriba un co entario.

.. ,rchivo"

3recuencia de archivo" la frecuencia con ;ue desea os ;ue se !uarden las entradas publicadas de for a visual en el lateral del blo!.

Crear un blog en Blogger - *

14abilitar p ginas de entrada2" las p!inas de entrada son las p!inas individuales o enlaces per anentes para cada entrada( a los ;ue se lle!a !eneral ente haciendo clic en el ttulo ;ue una entrada tiene en la porta> da. Es i portante tener habilitada esta opci'n.

0. 3eed del sitio" un feed es un an!licis o ;ue se refiere a una for a de distribuir el contenido de nuestro blo! en otros blo!s ;ue reco!en nuestro enlace de feed( situado en la parte inferior del blo! con la e6presi'n H-uscribirse a" EEntradas Ato GH. %on ese enlace( se pueden publicar nuestras entradas co pletas o cortas en otro blo! auto tica ente confor e las vaya os publicando. 1. (ermisos" en esta secci'n se a)aden autores nuevos al blo!( de vean nuestro blo!. anera ;ue se convierta en un blo! colectivo. /a biFn se puede ele!ir ;uiFnes ;uere os ;ue

Crear un blog en Blogger - 1+

2. ,iseo del blog de Blogger

2.1. ,iseo y eleccin de la plantilla en Blogger
&lo!!er tiene un n? ero reducido de plantillas ;ue( sin e > bar!o( puede dar un buen jue!o. Estas plantillas las han creado dise)adores i portantes( y suelen tener una calidad indiscutible( pero al!unas de ellas poseen( desde cen !o( el dise)o de los blo!s puede i punto de vista( al!unos defectos i portantes de dise)o ;ue las ha> olestas a la hora de dise)ar un buen blo!. -in e bar> odificarse para corre!ir estas deficiencias( aun;ue en

uchos casos se re;uiere un conoci iento de los c'di!os 9/M5 y %-- u hojas de estilo. En este artculo va os a anali<ar al!unos criterios para ele!ir una buena plantilla de &lo!!er ;ue satisfa!a las necesidades de nuestro blo!. Es conveniente ;ue dedi;ue os el tie po necesario para elegir una buena plantilla de Blogger( pues el buen dise)o de un blo! es funda ental para ;ue sea le0do con placer y visitado con !recuencia. Dna ve< ;ue ten!a os escritos al!unos artculos para poder ver c' o ;uedan con los nuevos dise)os( pode os dedicarnos a plantillas para decidir cul es la ;ue s le conviene a nuestro blo!. odelos ;ue se pueden ver activando %ada una de esas plantillas a su ve< tiene varios irar estas

las casillas correspondientes y haciendo clic en la frase 5ista preliminar de la plantilla( ;ue aparece debajo de su i a!en. Esta es una opci'n e6celente( por;ue nos per ite ver c' o va a ;uedar nuestro blo! antes de !uardar la plantilla( y nos avisa de cual;uier error habido en las odificaciones.

Crear un blog en Blogger - 11

4esde i punto de vista( hay tres deficiencias i portantes en al!unos de los dise)os

de las plantillas de &lo!!er( ;ue son las si!uientes" *. /ipos de letra peque+os. Esto se puede solucionar en &lo!!er con la opci'n 3uentes y colores de la secci'n (lantilla. 2. $educido interlineado. Esta deficiencia s'lo puede re ediarse c'di!o en la parte de 'dici"n de 4/.% de la ello ya hay ;ue conocer los c'di!os de las ho6as de estilo. +. 'scasa anchura para el contenido de los artculos. Esto se puede solucionar eli> !iendo una plantilla adecuada. /eniendo en cuenta Fstos y otros aspectos( pode os establecer varios criterios a la hora de ele!ir una plantilla" *. -ise+o tipogr !ico. Ja escrib al!unos consejos sobre el dise)o del contenido de un blo! en la secci'n 0 del artculo H%' o escribir un artculo de blo!H. 4ebera> os tener en cuentas esas consideraciones sobre la sencille) y la claridad visual( ;ue se resu en en un tipo de letra le!ible Eni !rande ni pe;ue)oG( un inter> lineado !eneroso( una lon!itud de lnea adecuada Eni justificaci'n a la i<;uierda del prrafo. 2. ,nchura !luida o r0gida. 5a ayora de las plantillas de &lo!!er tiene una anonitores anti!uos de chura !i6a de apro6i ada ente 200 p6eles para ;ue los uy a plia ni escasaG y una odificando el is a secci'n ,lantilla( pero para

resoluci'n 3006100 puedan ver los blo!s co pletos en anchura o para ;ue el di> se)o !eneral for ado por i !enes no se desmorone. -on pocos los ;ue tienen una anchura !luida( es decir( ;ue se adapta a las distintas resoluciones de los onitores. A;u el criterio sera ele!ir una anchura fluida si ;uere os tener espa> cio suficiente para introducir i !enes !randes u otros ele entos !rficos( y art> culos de cierta lon!itud. Es el caso de este blo!. En realidad en el dise)o de este blo! he hecho ;ue la anchura !luya hasta los 7000 p0*eles( por;ue se lean con soltura. En este tipo de dise)o. +. Colores apropiados. 5os colores son i portantes para dar personalidad a nuestro blo!( pues indican incluso caractersticas personales de los autores( y ayu> dan a dar ambiente al contenido de un blo!. -in e bar!o( hay que tener cuidado con los colores. @ran i portancia tiene la nitide) del te*to( ;ue se consi> !ue con un contraste adecuado entre el color del !ondo y el color del te*to . No s'lo un te6to ne!ro sobre fondo blanco puede ser lo prefiere la pri era opci'n( y hay s adecuadoI ta biFn un fondo oscuro con te6to claro puede ayudar a la lectura. ,ero por lo !eneral se ucha !ente ;ue odia la se!unda. ayores anchuras ;ue Fsta producen unas lneas de te6to de asiado lar!as co o para ;ue i artculo El dise)o Ml;uidoM en un blo! de &lo!!er e6plico

Crear un blog en Blogger - 12

Al!unos de estos dise)os se pueden ca biar desde la opci'n -ise+o -8 3uentes y colores. En concreto( se pueden odificar los tipos de letras EfuentesG y su ta a)o( ade s del color de al!unos ele entos del blo!"

Ms se podra decir sobre los dise)os de las plantillas de &lo!!er( pero a;u dejo estos apuntes por si resultan ?tiles. 9ay ;ue decir ;ue en realidad estas consideraciones sobre el dise)o tienen ;ue ir sie pre aco pa)adas del buen !usto y del sentido co ?n.

2.2. Cmo incluir una imagen en la cabecera del blog

Dno de los aspectos ;ue no se pueden descuidar en un blo! es el dise+o. ,ero no e refiero a los adornos s o enos superfluos ;ue confunden a los usuarios o llenan de ruido un blo!( sino a lo ;ue contribuye a su !uncionalidad y a su caracteri)aci"n. 5a cabecera de las bitcoras es lo pri ero ;ue tene os ;ue cuidar( por;ue sencilla ente es lo pri ero ;ue se ve( y ya sabe os ;ue las pri eras i presiones cuentan en la vida. 5os dise)os de ;ue dispo> ne os en los !estores de los blo!s suelen ser variados( pero co o los usan usuarios( al final nos encontra os en la 8eb para ello hay ;ue tener en cuenta lo si!uiente" *. 5a i a!en no tiene ;ue ser !rande ni pretenciosaI basta con un icono representa> tivo o una i a!en de ta a)o edio ;ue dF una idea del contenido del blog y ejor colocar la i a!en a la derecha ;ue e6prese la personalidad del autor o autores del blo!. 2. %o o el ttulo del blo! est a la i<;uierda( es para evitar que el te*to se superponga a la imagen( aun;ue a veces este caso puede ser bonito( pero la i a!en nunca tiene ;ue entorpecer la lectura del ttulo. +. 5os dise)os de los blo!s de &lo!!er( co o uchos dise)os de blo!s( tienen dos odalidades se!?n ten!an una anchura !i6a o se e*tiendan todo lo ancho de la pantalla EstrechG. -i la anchura es fija( entonces la anchura de la i a!en se puede acoplar a la del dise)o( pero( en caso contrario( la i a!en no ca biar de anchura( s o ientras ;ue la cabecera( junto a todo el dise)o( se puede ensanchar enos. uchos blo!s Hco o los osH. 5o uchos ejor en

estos casos es colocar una i a!en en la cabecera para personali<ar nuestra bitcora( y

Crear un blog en Blogger - 13

En &lo!!er( se pueden incluir i !enes en las entradas( en el lateral( en el pie y en la cebecera del dise)o. ,ara incluirlas en las entradas( utili<a os el editor( y para incluirlas en el dise)o( usa os los lla ados widgets( ;ue se encuentran en la secci'n de la (lantilla( dentro del (anel o <ona de ad inistraci'n del blo!I en concreto( tene os ;ue ir a la parte de ,+adir y organi)ar elementos de la p gina( co o se ve en la i a!en"

Ahora tene os ;ue editar la cabecera haciendo clic en el enlace 'ditar correspon> diente. y aparecer la si!uiente ventana"

En este for ulario pode os hacer lo si!uiente" *. %a biar el no bre del blo! 2. Escribir una breve descripci'n del blo!( ;ue aparecer en la cabecera( debajo del ttulo. +. %ar!ar o subir la i a!en desde nuestro ordenador o desde otro servidor =eb don> de estF alojada. .. %olocar la i a!en detrs del ttulo( o sustituir el ttulo y la descripci'n( de for a ;ue la i a!en debe incluir el ttulo del blo!.

Crear un blog en Blogger - 1

%uando !uarda os los ca bios( la i a!en aparece en la cabecera alineada a la i<> ;uierda. -i el dise)o es de anchura fija( entonces la i a!en puede cubrir toda la cabece> ra con las edidas apropiadas. ,ero si la anchura del dise)o es fle6ible( habr ;ue ver si onitores vara( y el dise)o se ensancha s o enos para acoplarse a nos !usta co o ;ueda. &o es recomendable hacer im genes muy anchas( pues la resoluci'n de los la pantalla.

2.3. -adir gadgets al blog

5os !ad!ets son unos ele entos relativa ente nuevos en la 8eb ;ue la 8iOipedia de> fine co o Hdispositivo ;ue tiene un prop'sito y una funci'n especfica( !eneral ente de pe;ue)as proporciones( prctico y a la ve< novedosoH. -on sitivos ;ue nos pueden ayudar en uy conocidos los de @oo!le( y ta biFn los de &lo!!er( entre los ;ue se incluyen a;uFllos( cientos de pe;ue)os dispo> uchas tareas relativas al blo! o a sus contenidos. -u facilidad de uso y de confi!uraci'n ha provocado literal ente la invasin de los gadgets( de for a indiscri inada al!unas veces. Psta es la opci'n s i presionante ;ue tienen los blo!s de &lo!!er y a)aden ele> entos al lateral del blo! principal ente( pero ta biFn se pueden a)adir al pie de la p> !ina. ,ara ver c' o funciona( hace os clic en el enlace ,+adir un gadget( y aparecer una ventana nueva"

Estos ele entos se crean y se confi!uran auto tica ente o

ediante al!unos c'di>

!os de len!uajes ;ue se utili<an en la 8eb co o( por eje plo( 9/M5 y Qava-cript. 9u con!iguraci"n en algunos casos es autom tica o requiere s"lo unos cambios muy sencillos. E6isten varias secciones en el lateral de nave!aci'n de esta ventana( una lista casi inter inable de !ad!ets( ;ue au enta constante ente. ,ero a;u va os a no brar los s i portantes dentro de los bsicos( los :idgets que son imprescindibles para cual;uier blo!( al!unos de los cuales ya vienen a)adidos cuando crea os un blo! de &lo!!er"

Crear un blog en Blogger - 1"

*. (er!il" uestra nuestro perfil de &lo!!er( y es i portante para ;ue nuestros lec> ni a ente. eses y a)os( y las enla<a

tores nos cono<can

2. ,rchivo del blog" clasifica las entradas del blo! por +. 'tiquetas" carlas.

en el lateral del blo! para ;ue se pueda acceder a ellas rpida ente. uestra las eti;uetas ;ue he os incluido en las entradas para clasifi>

.. %istas" hay varios !ad!ets de lista de libros( de blo!s y de enlaces( ;ue sie pre son i prescindibles para ;ue e6ista una 0. Cuadro de b;squeda" blo!. 1. 9eguidores" un !ad!et uy ori!inal ;ue per ite una especie de suscripci'n al blo! por parte de los lectores. %on otros !ad!ets se pueden incluir uchos ele entos personali<ados( pero a veces ni a co unicaci'n entre blo!s. uy ?til para ;ue los lectores bus;uen contenidos en el

se re;uieren ciertos conoci ientos sobre 9/M5. En el si!uiente eje plo s'lo se re;uiere saber escribir. ,robe os a incluir un te6to sencillo ;ue defina nuestro blo! y ;ue lean los visitantes. ,ara ello ele!ire os el !ad!et /e*to y hare os clic en la i a!en de la i<> ;uierda o en el si!no < de la derecha. A continuaci'n nos aparecer una ventana co o la si!uiente( donde confi!urare os el te6to"

En el editor escribire os un ttulo y un te6to ;ue podre os for atear con al!unos bo> tones. %uando hace os clic en Guardar cambios( ya pode os ver c' o ;ueda el te6to de presentaci'n en nuestro blo!( ;ue se ver en el lateral del blo!" En la parte inferior derecha aparecer( sie pre ;ue este os conectados con nuestra cuenta( un icono ;ue nos per ite abrir el ele ento para odificarlo o borrarlo. Esto ta > biFn se consi!ue desde la secci'n -ise+o de la ad inistraci'n.

Crear un blog en Blogger - 1$

3. .a creacin de entradas
3.1. .as opciones de creacin de entradas
El contenido de un blo! he os visto ;ue no se li ita a las entradas( por;ue ta biFn pode os a)adir ele entos en el lateral ;ue sern uy visibles y ;ue por tanto darn personalidad a nuestros blo!. -in e bar!o( el contenido del blog se e*presa principalmente en sus entradas( ;ue no sola ente incluirn te6to( sino ta biFn ele entos interactivos y ulti edia( co o se ver s adelante. ,ara crear una entrada( pode os acceder al editor ya sea por el enlace del Escritorio o por la pesta)a correspondiente" Creaci"n de entradas. Antes de ver el editor( fijF onos en las tres opciones ;ue hay debajo de la pesta)a" *. Crear" se trata de la opci'n en la ;ue se abre esta secci'n y donde ve os el edi> tor de te6to. 2. 'ditar entradas" donde aparecen en lista todas las entradas del blo! y se pue> den odificar o borrar. +. .oderar comentarios" es una opci'n ;ue tene os ;ue haber activado en la confi!uraci'n del blo!( y ;ue consiste en ;ue los co entarios ;ue escriben los vi> sitantes no se publican directa ente en el blo!( sino ;ue pri ero aparecen a;u para ;ue los aprobe os.

3.2. .os elementos de una entrada de blog

5a entrada de blo! o post( se!?n el tFr ino in!lFs !ar apropiado" uy e6tendido( consiste en los si> !uientes ele entos( ;ue pueden verse en la si!uiente i a!en nu erados enci a del lu>

Crear un blog en Blogger - 1&

*. /0tulo de la entrada. 2. 'l editor( co puesto por una parte visual bajo la pesta)a $edactar( y la parte de c'di!o fuente bajo la pesta)a 'dici"n de 4/.%. +. El editor visual est co puesto de una barra superior de botones para !ormatear el te6to y para incluir ele entos .. Enlace 5ista previa( ;ue nos publicada. 0. /e*to principal( ;ue puede ir aco pa)ado de ele entos ulti edia e interactivos. 1. 5as etiquetas de esta entrada( ;ue consisten en palabras o e6presiones separa> das por co as ;ue definen y clasifican las entradas. Estas eti;uetas o tags( se!?n la jer!a( las pode os incluir en el lateral del blo! ediante el gadget lla ado 'tiquetas para ;ue los lectores lean las entradas ;ue las incorporan. -i hace os clic en el enlace .ostrar todo( se vern todas las eti;uetas del blo!. 2. 5as =pciones de entrada nos abren otra secci'n del editor donde se pueden per itir o no los co entarios de los lectores o los vnculos( y donde se puede dificar la fecha y hora de la entrada. 3. ,or ?lti o( la entrada se publica o se guarda sin publicar pulsando los enla> ces correspondientes de la parte inferior ;ue tienen fondos rojo y a<ul. o> ulti edia. uestra una vista de la entrada co o si estuviera

Crear un blog en Blogger - 1(

3.3. Botones para formatear el te/to

5os botones para !ormatear el te*to ;ue aparecen en la barra superior del editor son parecidos a otros ;ue se anejan en editores convencionales( y si se coloca el cursor arco de te6to. 5os enos habituales en un procesador de te6tos son los de del rat'n enci a de ellos( aparece una descripci'n del bot'n en un ?nicos botones ;ue pueden ser incluir enlaces, im genes y v0deos.

,ara incluir un enlace o lin> en el te6to( hay ;ue hacer lo si!uiente" *. ,ri ero tene os ;ue destacar el te*to que ir os el puntero del rat'n enla)ado. ,ara ello( arrastra>

ientras apreta os el bot'n i<;uierdo.

2. A continuaci'n( tene os ;ue pulsar en el se6to ele ento de la barra de botones e pe<ando por la i<;uierda( un icono de color verde. +. -e abrir una pe;ue)a ventana en la ;ue hay ;ue escribir la direcci'n del enlace o DC5( co o se uestra en la i a!en superior. uestran el contenido de la entrada de distinta

5as dos pesta)as superiores del editor for a"

En la parte de la pesta)a Cedactar se

uestra el te6to ya for ateado con el editor uestra el c'di!o fuente del te6to tal y

visual( y tal co o aparacer en la entrada una ve< publicada. En la parte de la pesta)a Edici'n 9/M5 se co o ;ueda con el len!uaje 9/M5. 5a edici'n en 9/M5 se reserva para las personas ;ue conocen este len!uaje( y no se reco ienda odificar el c'di!o fuente. %o o eje plo( pode os ver c' o ;ueda el enla> ce a @oo!le ;ue he os reali<ado antes si abri os la pesta)a del c'di!o fuente" &uscador Ra hrefSHhttp"##===.!oo!le.esHT@oo!leR#aT

Crear un blog en Blogger - 1*

3. . 0ormas de incluir im)genes

En &lo!!er resulta sencillo incluir una i a!en. ,ara ello( hace os clic en el icono de ,+adir imagen( y entonces aparece una ventana e er!ente co o la de la si!uiente i a!en"

%on este for ulario( tene os las si!uientes opciones" *. ,+adir una imagen desde su equipo > En este caso( tene os ;ue pulsar el bo> t'n '*aminar y buscar la i a!en en nuestro ordenador. 2. ,+adir una imagen de la :eb > En este caso( hay ;ue escribir la DC5 co pleta de una i a!en ;ue estF !uardada en un servidor =eb al ;ue ten!a os acceso. +. 'li6a un dise+o > A;u decidire os si ;uere os ;ue la i a!en se colo;ue a la i<> ;uierda o la derecha de un prrafo( o bien ;uede centrada sin te6to alrededor. .. /ama+o de la imagen > 5a i a!en ;ue elija os tendr el ta a)o ;ue ;uera os se!?n las tres posibilidades ;ue aparecen. -i ;uere os ;ue la i a!en ten!a el ta> a)o ori!inal( hay ;ue ele!ir la opci'n Grandes. 5a i a!en ade s estar enla> <ada para ;ue se pueda ver en una ventana aparte.

Crear un blog en Blogger - 2+

. 1ultimedia en Blogger
5os ele entos ulti edia estn ad;uiriendo !ran i portancia en la 8eb ayor rapide) de las cone*iones a in> debido a la me6ora t?cnica y a la itadas( aun;ue el el

ternet. En el ca po de la ense+an)a en concreto( sus posibilidades son ili> edio todava es bastante nuevo co o para poder decir ;ue las cosas estn claras en este ca po. Muchos docentes estn ahora investi!ando en mbito multimedia para dotar a sus actividades docentes de contenido funda enta> do en vdeos( audio e i !enes ade s de en el trabajo con c'di!os de programaci"n y aplicaciones ;ue ofrecen todo tipo de interactividad. Dn eje plo puede verse en el blo! de aula El tin!lado. &lo!!er es un servidor !ratuito de blo!s ;ue sorprende por su constante renovaci'n. Est uy al tanto de lo ;ue se cuece en la 8eb( por eso ha incluido ?lti a ente al!unas ateriales ulti edia es> ostrar sus pro> herra ientas para introducir vdeos en las entradas de los blo!s. %on esto( &lo!!er se pone a la altura de las circunstancias( pues los vdeos y otros tn inundando la 8eb. 5os usuarios de blo!s recla an la posibilidad de

pios vdeos de for a creativa y ta biFn otros vdeos ;ue les interesan y ;ue ;uieren in> cluir co o contenido de sus artculos o posts. ,oco a poco la 8eb va incorporando estos ele entos ulti edia ;ue ilustran los contenidos y ;ue tienen ;ue contribuir a profundi> <ar en los conoci ientos co partidos.

.1. -lgunas pegas de la multimedia en la 2eb

5os objetos ulti edia han pasado por un calvario especial en la 8eb hasta hace uy poco tie po debido a ;ue re;uieren lo si!uiente" *. .ucho espacio :eb en los servidores( pues son objetos volu inosos. 2. Cone*i"n r pida de internet debido a su co pleja estructura. +. C"decs y reproductores adecuados para su reproducci'n. .. Plug-ins necesarios en los nave!adores =eb. -'lo reciente ente se ha podido incorporar la ra ulti edia a las p!inas =eb de ane>

asiva( ya ;ue esas pe!as se han superado( aun;ue no total ente. 4e todas for as(

a?n se deben superar otros inconvenientes ;ue sur!en debido a las caractersticas de es> tos ele entos. %onsidere os lo si!uiente" *. 'l contenido de un v0deo no consta para los buscadores :eb( por;ue no se e6presa en te6to escrito. ,or tanto( su utili<aci'n asiva no contribuye a la cons> trucci'n de la 8eb se ntica( ;ue es el objetivo ;ue se vislu bra en el hori<onte. Esto se puede solucionar( co o consta en las especificaciones de la accesibilidad( con la inclusi'n de la transcripci"n del te*to del v0deo( o al su en. Natural ente( esto no lo hace casi nadie( pero ah ;ueda. enos con un re>

Crear un blog en Blogger - 21

2. 5a inclusi'n de ele entos sentidos ulti edia aumenta el ruido en la @eb en los dos uchos ordenadores se olestar con vo>

s evidentes. ,or un lado( hay ;ue pensar ;ue asiva de la

encuentran en lu!ares p?blicos donde no se puede o no se debe ces o ruidos. J por otro lado( la inclusi'n ces sin

ulti edia en la Ced( a ve>

otivos evidentes( contribuye al ruido y el desorden ;ue provoca su e6a>

!erada proliferaci'n( ;ue se hace insoportable con la publicidad. +. AJ ;uF pasa con las personas sordas o ciegasB Uue no van a poder beneficiarse de toda esta renovaci'n en la 8eb. %a accesibilidad de las p ginas :eb es ya una obli!aci'n le!al en uchos pases( ;ue tendrn ;ue tener en cuenta sobre todo las =ebs de bitos p?blicos( en especial el educativo. ,ero son tantas las ventajas ;ue aporta la ulti edia( ;ue estos inconvenientes se ulti edia( por;ue pueden fallar por

estn superando o se estn ocultando debajo de la alfo bra. /odava hoy no se puede confiar todo el contenido de una =eb a sus ele entos uchos otivos. Vere os ;uF nos aportan los adelantos tecnol'!icos del futuro cercano.

.2. Cmo incluir elementos multimedia en Blogger

En &lo!!er se pueden incluir uchos ele entos ulti edia( co o en otros !estores de contenido( y para ;ue estos vdeos o audios se vean y se oi!an en los blo!s !eneral> ente el usuario tiene ;ue tener instalado en su nave!ador unos co ple entos o plugins de 3lash y de Aava ;ue per iten la visi'n o audici'n de estos ele entos. Esto en s supone un proble a( por;ue no todos los nave!adores los tienen incorporados( aun;ue s la ayora. En principio pode os trabajar a !usto con la ulti edia sabiendo ;ue casi todos los usuarios podrn beneficiarse de estas nuevas tecnolo!as. @eneral ente( los gestores de blogs( es decir( las aplicaciones ;ue co o &lo!!er nos per iten crear blo!s o bitcoras( tienen incorporadas al!unas opciones con las ;ue introducir el c'di!o necesario en nuestro blo! para enla<ar un vdeo u otros ele entos ulti edias. Va os a ver cules son los pasos ;ue se si!uen habitual ente para reali<ar esto( y lo hare os con un eje plo para traer un vdeo de Jou/ube y publicarlo en nues> tro blo!.

.3. Cmo incluir un %3deo en el blog mediante cdigo

Crear un blog en Blogger - 22

Va os a la p!ina donde se publican los vdeosI en este caso( Jou/ube. Ele!i os un vdeo ;ue nos !uste y hace os clic enci a de Fl para ir al docu en> to individual donde aparece ese vdeo. All vere os( a derecha del vdeo( un arco co o el ;ue est enci a de este p> rrafo. En la ?lti a lnea( tene os la palabra embed( y a su derecha un recuadro de te6to con c'di!o en su interior. Ahora tene os ;ue hacer lo si!uiente"

9ace os clic encima de ese recuadro( y el c'di!o se 4espuFs( sin y ele!i os la opci'n ;ue nos per ite copiar ese c"digo.

arcar.

over el cursor de all( hace os clic en el bot"n derecho del rat"n

,or ?lti o( abri os una nueva entrada en nuestro blo!( y pegamos el cdigo en la parte de 'dici"n de 4/.% del editor de te6tos.

A;u tene os un vdeo de Jou/ube donde ve os a dos robots bailando y for a uy humana"

oviFndose de

J otra p!ina =eb de donde pode os descar!arnos vdeos de calidad es 4aily otion. %uando ele!i os un vdeo de este servicio( debajo del reproductor hay un ca po de te6> to titulado H%ector e*portableH. All tene os el c'di!o ;ue hay ;ue copiar y pe!ar en el editor de nuestro blo!.

4ripsplitsession2bi! > Uploaded by hifana

Crear un blog en Blogger - 23

. .. 'l cdigo de 4#1. del %3deo

El c'di!o del vdeo de /outube ;ue he os pe!ado en el blo! es el si!uiente"

A;u ve os al!unas eti;uetas del len!uaje 9/M5 co o Bob6ect8( Bparam8 o Bembed8( ;ue tienen ;ue tener ta biFn su eti;ueta de cierre de esta anera" B/ob6ect8( B/param8 o B/embed8. -i al!una ve< faltara al!una de ellas( el !estor de &lo!!er producira un error( y tendra os ;ue escribirla( y suele pasar con la eti;ueta de cierre de la eti;ueta B/embed8( ;ue hay ;ue volver a escribir una y otra ve< por;ue el pro!ra a la borra. 4entro de las eti;uetas hay al!unos atributos( co o :idth EanchuraG y height EalturaG( con los ;ue podra os ca biar las di ensiones del reproductor del vdeo si > ple ente odificando Elas dos veces ;ue aparecen cada unoG los n? eros ;ue los aco > pa)an y ;ue corrreponden a p6eles.

.". Cmo insertar podcasts

5os podcasts son !rabaciones de audio ;ue se reproducen en un blo! con un lector o reproductor de 7lash( y se utili<an habitual ente para incluir canciones o reproducciones de vo<. E6isten sitios =eb de donde pode os traernos canciones si ple ente copiando un c'di!o y pe!ndolo en nuestro blo!I uno de estos servicios es @oEar. A;u tene os la Danza hngara"

,ero ta biFn tene os la posibilidad de !rabar nuestra vo< en un servicio co o Ldeo y reproducirla en nuestro blo! con un reproductor. A;u dejo un saludo a los participantes en el curso de edublo!s"

po=ered by L4EL

Ltro servicio parecido a Fste es Evoca.

Crear un blog en Blogger - 2

.$. Cmo insertar presentaciones

Dna de las novedades relativa ente recientes en la 8eb es la posibilidad de incluir presentaciones del estilo ,o=er ,oint en una p!ina =eb. El lu!ar s conocido donde pode os car!ar una presentaci'n es -lide-hare( y donde ade s pode os utili<ar cual> ;uiera de las publicadas en esa =eb social. %uando !uarda os all una presentaci'n( Fsta pierde las transiciones y otras ani aciones ;ue ten!a( pero se convierte en un objeto ulti edia ;ue pode os ver con toda co odidad conectados a internet. El procedi ien> to ;ue se si!ue es el de copiar el c'di!o de la presentaci'n en nuestro editor.

.&. 5ncorporar %3deos carg)ndolos al ser%idor

E6isten dos for as de incluir vdeos en una p!ina =eb"

'nla)ando los archivos directa ente en el servidor donde se encuentren aloja> dos. Este enlace puede servir para descargarnos el v0deo o para mostrarlo con un reproductor asociado.

Copiando en el editor del blog el c"digo 4/.% ;ue nos proporciona el servi> dor ;ue aloja los vdeos. 4e esta anera( utili<a os un vdeo ya !uardado ;ue no es nuestro y ;ue se encuentra a disposici'n del p?blico.

En los blo!s de &lo!!er tene os la posibilidad de guardar v0deos en sus servidores para ostrarlos con un reproductor. Esta operaci'n se reali<a de for a uy sencilla si > ple ente haciendo clic en el icono correspondiente de la barra de iconos de su editor de entradas. Entonces( aparece el si!uiente cuadro de dilo!o"

Crear un blog en Blogger - 2"

-'lo tendre os ;ue car!ar el vdeo desde nuestro ordenador y ponerle un ttulo. Jo he utili<ado un vdeo descar!ado de la Mediateca de EducaMadrid( ;ue viene en !ormato Cgp( apropiado para 'viles. Al hacer clic en el enlace 9ubir v0deo( nos pre!untan en ;uF for ato desea os descar!arlo"

4espuFs de car!arlo( el pro!ra a lo convierte en v0deo/mpD. 'l v0deo pertenece a la .ediateca de 'duca.adrid. J ya lo pode os ver incluido en nuestro blo! con un repro> ductor propio"

Crear un blog en Blogger - 2$

-i!ue sorprendiFndonos el hecho de ver unas i !enes ;ue se ueven y ;ue e iten

sonidos en nuestro blo!. ,ode os ade s ca biar las di ensiones del vdeo haciendo un clic en Fl y arrastrando con el rat'n los tiradores laterales. Jo lo he hecho as para po> nerlo en el co ien<o de este artculo y colocarlo a la i<;uierda del prrafo introduciendo c'di!o de hojas de estilo. ,ero no todo ;ueda a;u. /a biFn &lo!!er nos proporciona un gadget con el ;ue pode> os incluir un enlace directo a los v0deos de Eou/ube y de Google 50deo desde el lateral de nuestro blo!. -i va os a nuestro panel del blo! y entra os en la secci'n -ise+o( encontrare os a la derecha el enlace ,+adir y organi)ar elementos de la p gina( ;ue nos proporciona la posibilidad de insertar estos dispositivos con el enlace ,+adir un gadget. 4e la ventana e er!ente ;ue sur!e( ele!ire os el !ad!et Barra de v0deo:

,ondre os un ttulo y ele!ire os las eti;uetas te ticas ;ue nos interesen( y listo. %uando !uarde os los ca bios( aparecer la barra de vdeos en nuestro lateral( y si ha> ce os clic en uno de los vdeos( se abrir en la parte superior de nuestro blo!( lo ;ue no deja de ser ori!inal y sorprendente.