Creacin de un blog en Blogger

Alejandro Valero
http://www.avalero.com
avalerofer@gmail.com
Actualizado en enero de 2013

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

Creacin y configuracin de un blog en Blogger - 2

ndice
Objetivos..............................................................................................................................................3
1. Crear un blog en Blogger.............................................................................................................4
1.1. Crear una cuenta de Google.............................................................................................................. 5
1.2. Crear el blog......................................................................................................................................... 6
1.3. Cmo acceder al nuevo blog............................................................................................................. 7
1.4 Cmo organizar un blog...................................................................................................................... 8

2. Configuracin y diseo del blog..................................................................................................9

2.1. Configuracin rpida de las opciones........................................................................................... 10
2.2. Configuracin de las entradas del blog........................................................................................ 12
2.3. Aadir gadgets al blog..................................................................................................................... 15
2.4. El diseo de plantillas...................................................................................................................... 18

3. Entradas, pginas y comentarios..............................................................................................20

3.1. Incluir contenidos en una entrada................................................................................................. 20
3.2. Las pginas estticas........................................................................................................................ 22
3.3. Los comentarios................................................................................................................................ 25
3.4. Estadsticas del blog......................................................................................................................... 27

Creacin y configuracin de un blog en Blogger - 3

Objetivos
En esta unidad vamos a crear un blog o bitcora en el servicio gratuito Blogger, propiedad de
Google, que es la herramienta ms utilizada en el mundo para crear blogs. Tendremos que tener una
cuenta en Google para poder utilizar todos sus productos y comprobar qu se siente cuando se est
en el centro de la Web 2.0. Pero tambin podremos sentir el vrtigo de pertenecer a una comunidad
controlada por un gigante de las tecnologas como es Google, que no quiere perderse ninguno de
nuestros datos. Una vez creado el blog, empezaremos a llenarlo de actividades educativas.
Blogger tiene una pgina de ayuda para quienes quieran empezar a usar sus blogs, pero no est
creada con la intencin pedaggica de este curso. Su ayuda es muy general, pero puede resultar til
para completar la informacin:

Tambin puede resultar til el canal de Blogger en YouTube, donde hay varios videotutoriales en
ingls, con subttulos en espaol, sobre asuntos bsicos.
Por ltimo, los conocimientos prcticos sobre los blogs de Blogger se pueden ampliar en mi blog
Apuntes sobre blogs, donde actualizo constantemente el desarrollo de Blogger y enseo procedimientos avanzados para renovar los blogs. Adems, en el ndice de contenidos del blog se puede seguir un orden adecuado para un aprendizaje progresivo.

Creacin y configuracin de un blog en Blogger - 4

1. Crear un blog en Blogger

Antes de crear un blog y ponerse a bloguear, es necesario pensar en los objetivos que perseguimos para que la eleccin se ajuste a nuestras exigencias. Son
muchas las posibilidades a la hora de crear un blog, pero para crear un blog educati vo, quiz la mejor eleccin sea el servicio gratuito de Blogger. Algunos motivos pueden ser los siguientes:
1. Para empezar, son muchos los docentes que tienen blogs de Blogger y que los vienen utilizando desde hace mucho tiempo. Por tanto, esa prctica continuada nos induce a pensar
que es una buena eleccin. Por si fuera poco eso, es el servicio de blogs ms utilizado en el
mundo, y en Espaa cuenta con muchos usuarios.
2. Es un gestor de blogs sencillo de manejar, y por eso es adecuado para quien empiece en
este nuevo mbito de los blogs. Pero adems tiene muchas opciones y posibilidades para
los blogueros ms experimentados e inquietos.
3. Permite la inclusin de cdigos ajenos con los que incrustar en el blog actividades educativas creadas con programas especficos como, por ejemplo, Hot Potatoes, muy utilizados en
el mbito de la enseanza.
4. Podemos configurar el blog fcilmente para personalizarlo, aunque tiene sus pegas de
configuracin, como veremos ms adelante. De este modo, los blogs de Blogger no parecen
todos iguales, como ocurre con otros servicios.
Siempre sentimos curiosidad por saber cmo son los blogs creados en un servicio web antes de
crear el nuestro propio. Es una buena forma de saber lo que podemos crear nosotros. Hay muchos
blogs educativos en Blogger; como muestra, estos pocos de docentes ya experimentados, entre los
que incluyo, si se me permite, los de los creadores de este curso sobre blogs:
A pie de aula, blog de Lourdes Domenech.
Bitcora del galen, de Miguel Luis Vidal.
Educacin y TIC, de Domingo Mndez.
El balcn abierto, de ngel Puente.
El suplemento ocasional, de Leonor Quintana.
FLE DArtifice, de Jos Mara Campo
Isabel's ESL Site Blog, de Isabel Prez.
Apuntes sobre blogs, de Alejandro Valero.

Creacin y configuracin de un blog en Blogger - 5

1.1. Crear una cuenta de Google

Cuando entramos en Blogger (http://blogger.com), nos invitan a crearnos un blog con el lema:
"Crea un blog. Es gratuito", pero antes convendra realizar una visita rpida, como nos indican con un
enlace, para conocer de qu va esto. A continuacin, hacemos clic en el enlace de color naranja Comenzar para crear un blog.
Para empezar, tenemos que crearnos una cuenta de Google haciendo clic en el botn rojo de la
parte superior derecha. Entonces aparece un formulario que tenemos que rellenar:

Puede resultar extrao que pidan Tu direccin de correo electrnico actual, pero se trata de
cualquier direccin email que tengamos, por ejemplo la de nuestra cuenta institucional como docentes. Adems, tambin nos piden Demustranos que no eres un robot, lo cual no es una broma, sino
que se trata de una verificacin que consiste en escribir las letras que aparecen en una pequea imagen, y as se pretende evitar que se creen cuentas automticamente.Como se ve en la parte izquierda de esta pgina, con la cuenta de Google conseguimos un amplio expectro de posibilidades, que
se concretan en una buena cantidad de herramientas web disponibles de forma gratuita, y algunas
de las cuales nos servirn para complementar el alcance de nuestro blog.

Creacin y configuracin de un blog en Blogger - 6

1.2. Crear el blog

Para empezar, tenemos que crearnos una cuenta de Google haciendo clic en el botn rojo de la
parte superior derecha de la pgina principal de Blogger. Entonces aparece un formulario que tenemos que rellenar. Una vez tengamos la cuenta de Google, volvemos a la pgina de Blogger e introducimos nuestros datos en los campos de texto Direccin de correo electrnico (vale con nuestro
nombre de usuario) y contrasea. A continuacin entraremos en nuestro flamante Escritorio de
Blogger, donde controlaremos nuestros blogs de forma eficaz.
Para crear un blog, pulsamos el botn Nuevo blog y a continuacin se abrir la siguiente ventana:

En este breve formulario se nos pide tres cosas: el ttulo del blog, la direccin y la plantilla.
El Ttulo para nuestro blog tendr que estar relacionado con la temtica principal del blog, que
puede ser muy amplia. Este ttulo lo podremos cambiar cuando queramos una vez creado el blog.
La Direccin del blog es lo que tcnicamente se llama URL. Es importante que la direccin sea
corta y siempre con letras minsculas, sin caracteres especiales como tildes o ees, y sin huecos en blanco. La direccin suele ser el nombre del blog, o el nombre o las iniciales del autor escrito
con minsculas y sin huecos. Ocurre algunas veces que al cabo de un tiempo queremos cambiar el ttulo del blog, y entonces no es conveniente cambiar la direccin URL para no perder a nuestros lec tores, por ello es aconsejable que la URL tenga que ver con el nombre del autor del blog y tenemos
que pensar que no la vamos a cambiar nunca. En el ejemplo de arriba es: avfer, al que se le aade la
parte que incluye la URL de Blogger: .blogspot.com. Al final, quedara de esta forma: http://avfer.blogspot.com.
Pero antes de continuar hay que comprobar la disponibilidad para ver si ese nombre ya est elegido por otro miembro; y suele ocurrir con frecuencia que ya est utilizado, as que hay que aguzar el
ingenio. Si ocurre esto, nos avisan con la frase: "Esta direccin del blog no est disponible", que apare-

Creacin y configuracin de un blog en Blogger - 7

ce debajo del campo de texto. Cuando la direccin est disponible, nos lo avisan y se ve un icono
azul, como en la imagen superior.
La limitacin de caracteres impuesta en las URL de los blogs a veces hace que los autores bus quen un remedio en el uso de guiones; un ejemplo podra ser el siguiente:
http://blog-mates.blogspot.com.
Yo siempre aconsejo no incluir guiones en las direcciones URL, como se ve en el ejemplo con
color rojo, porque puede impedir la inclusin de ese blog en agregadores de blogs y porque es un
carcter que se suele olvidar cuando se intenta escribir la URL de un blog. Yo no conozco ninguna
web conocida e importante cuya URL tenga guiones, lo que ya resulta indicativo: por algo ser.
Por ltimo, nos queda elegir una plantilla, y siempre es aconsejable escoger una sencilla, como
la Simple, porque ya tendremos tiempo luego para cambiarla por otra que nos guste. En este sentido, se desaconseja elegir la plantilla Dynamic Views por su complejidad.
Una vez completado el formulario, slo queda pulsar el botn Crear blog. Entonces, aparecer
un enlace al blog dentro de nuestro Escritorio de Blogger:

Nos invitan a Empezar a crear una entrada, pero es mejor contenerse todava, porque primero
tenemos que configurar el blog. Lo que s podemos hacer es pulsar el botn Ver blog para contemplar nuestra creacin colgada en la Red, aunque vaca de momento.

1.3. Cmo acceder al nuevo blog

Un problema muy comn entre los principiantes es que no saben acceder a su nuevo blog. Se
puede acceder de dos formas. La forma ms sencilla es ir a la pgina principal de Blogger e iniciar sesin con nuestro nombre de usuario y contrasea. Cuando hagamos clic en el enlace Iniciar sesin,
llegaremos a nuestro Escritorio.
Pero tambin podemos escribir, en la barra de direcciones de nuestro navegador, la direccin
completa del nuevo blog como, por ejemplo, http://avfer.blogspot.com. En este caso, accederemos
directamente a nuestro blog, y se vern unos enlaces en la parte superior del blog. Hay que hacer

Creacin y configuracin de un blog en Blogger - 8

clic en Acceder, que est en la parte derecha, y entonces llegaremos a la pgina principal de Blogger
para incluir nuestros datos. Si estamos conectados a Blogger en el navegador aparecern oros enlaces para entrar directamente a nuestro blog.
Los visitantes vern el nuevo blog escribiendo su direccin o URL en la barra de direcciones de su
navegador. Pasados unos das, despus de que los buscadores hayan tenido tiempo para rastrear el
nuevo blog, tambin se podr acceder a l simplemente escribiendo el nombre del blog en un buscador.
Para terminar esta seccin, diremos que un usuario puede crearse ms de un blog en Blogger, y
cuando se acceda al Escritorio, aparecern all todos los blogs.

1.4 Cmo organizar un blog

Antes de empezar a escribir un blog, tenemos que tener una idea
clara de su organizacin. Un blog no es una pgina web informativa
de una empresa o una institucin, como hay tantas en la Web, ni
tampoco un repositorio o banco de elementos bien clasificados. Un
blog es bsicamente un diario donde expresamos de forma muy personal nuestras experiencias y conocimientos, y para ello no se necesita una organizacin estricta.
Ya se han explicado anteriormente las caractersticas bsicas de
los blogs, y a ellas hay que ceirse si no queremos crear algo distinto
a un blog. No obstante, los blogs tambin tienen una organizacin ms o menos tcita que permite
su seguimiento por parte de los lectores. Para explicar esto, escrib el artculo Cmo organizar un
blog, donde espero haber dado unas indicaciones sencillas pero precisas sobre este importante
asunto, que provoca mucha confusin entre quienes crean sus blogs. El consejo ms til que se puede dar es: cete a la dinmica del blog y sabrs cmo organizarlo. En todo caso, hay que tener en
cuenta las siguientes consideraciones:
1. El blog tiene que estar organizado de forma muy sencilla para que los lectores encuentren
pronto lo que buscan.
2. No se debe ofrecer demasiada informacin en la portada, porque esto impide la bsqueda y la concentracin en lo importante, que es el flujo de las entradas de la columna principal.
3. El blog debe tener solo una temtica principal que contribuya a su consolidacin, pero esto
puede romperse de vez en cuando con otras temticas relacionadas para ofrecer variedad.
Siempre resulta ms razonable crear otro blog para incluir una temtica distinta.
4. Un blog no se puede dividir en secciones visibles, lo que s se puede hacer en las pginas
web tradicionales o en los wikis. Un blog solo tiene una seccin, que es el blog mismo, y no
hacen falta ms.
5. Las pginas estticas informativas no son importantes, porque entorpecen el dinamismo
intrnseco de las entradas del blog. Adems, no se pueden utilizar para crear distintas secciones del blog con sus entradas, como a veces se piensa antes de empezar a usarlas.

Creacin y configuracin de un blog en Blogger - 9

2. Configuracin y diseo del blog

Hace un par de aos, Blogger realiz un cambio notable de todo el diseo de la gestin que se
hace de los blogs en la Administracin. Aqu lo vamos a conocer a fondo, y en el vdeo de arriba tene mos la presentacin que de la nueva interfaz hizo el equipo de Blogger. Blogger actualiza sus dise os constantemente, as que hay que estar siempre informados de las novedades en el blog oficial
Blogger Buzz y en su versin en espaol Blogger Buzz-Espaol.

Cuando accedemos a Blogger con nuestra cuenta, nos encontramos con el Escritorio, un panel
que nos da acceso a la parte privada del blog o administracin. En la imagen anterior muestro el
mo, que incluye dos de mis blogs de Blogger. Desde aqu controlamos todos nuestros blogs y tambin, en la parte superior derecha, nuestro perfil de Blogger y la configuracin de la cuenta cuando hacemos clic en nuestro email.
El perfil de Blogger es importante para formar parte de la comunidad de Blogger, que es muy
extensa en todo el mundo. Estos datos personales los podrn ver los visitantes de nuestro blog,
pero tambin aparecern cuando escribamos un comentario en otro blog. Siempre es conveniente
que escribamos algunos datos nuestros para que los dems nos conozcan, aunque sea un poco, pues
no hay que olvidar que el carcter personal es importante en los blogs, y nuestros lectores tienen
derecho a saber quines somos y a qu nos dedicamos.
Junto al nombre de cada blog hay informacin sobre las pginas vistas y el nmero de entradas
publicadas. Pero son los tres iconos grandes los que nos permiten crear una nueva entrada, ir a la lista de entradas o a otras secciones y ver el blog.
En en la parte inferior del Escritorio se ve la Lista de lectura, es decir, las ltimas entradas de los
blogs a los que nos hemos suscrito como seguidores, que aparecen automticamente cada vez que
se publican en sus blogs de origen.

Creacin y configuracin de un blog en Blogger - 10

2.1. Configuracin rpida de las opciones

Si hacemos clic en el nombre de nuestro blog dentro del Escritorio, pasaremos a la zona de la administracin del blog. Los blogs de Blogger tienen, como
todos los gestores de contenido, la parte privada de la administracin, donde
se escriben las entradas, se configura el blog y se modifica el diseo. En Blo gger, la estructura de la administracin del blog est dividida en varias secciones, que se encuentran a la izquierda de la administracin. Hay que destacar
que las opciones de los blogs de Blogger se han reducido considerablemente
respecto al diseo anterior, y ahora Blogger slo incluye aspectos bsicos de la
estructura de un blog, y deja para otros gestores una sofisticacin que no siempre es positiva, pues en general este gestor est pensado para que sea sencillo
de utilizar y para que sea inmediatamente productivo.
Antes de empezar a escribir en el blog, conviene realizar una serie de cambios en la configuracin, aunque no hace falta que sean muchos. Ahora vamos
a examinar unos posibles retoques que podemos realizar cuando hacemos clic
en la seccin Configuracin.
Debajo de la seccin Configuracin aparecen entonces las distintas partes
con sus opciones, pero de entrada ya estamos en la opcin llamada Bsico.
Ahora vamos a analizar brevemente todas las opciones de la configuracin, que
suelen estar explicadas cuando se hace clic en una interrogacin que a veces
aparece al lado de la opcin. Para que se realicen los cambios hay que pulsar,
en cada una de las secciones, el botn naranja Guardar configuracin, que se
encuentra en la parte superior derecha de la pgina.

1. Bsico:

Ttulo: es el ttulo del blog, que se puede modificar pulsando Editar.

Descripcin: es una descripcin del blog, que aparecer debajo del ttulo en la cabecera del blog.

Privacidad: se nos permite evitar que nuestro blog sea rastreado por los buscadores
para mantenerlo privado.

Direccin del blog: La direccin del blog tambin se puede modificar siempre que
est disponible la nueva URL o direccin web, pero no conviene cambiarla porque
eso dejara rotos los enlaces anteriores a las entradas del blog que los lectores hubieran guardado. Adems, existe una opcin para aadir un dominio personalizado
si queremos llevarnos el blog a nuestro dominio de internet.

Autores del blog: Podemos aadir ms autores a nuestro blog envindoles una invitacin a sus cuentas de GMail, donde recibirn un mensaje de email con un enlace al
blog. Al principio tendrn la categora de Autores, es decir, podrn publicar y modificar sus entradas del blog, pero no podrn realizar labores de administracin a menos
que el creador del blog les d privilegios como administradores.

Lectores del blog: Se puede editar esta opcin de forma que el blog sea visible para
cualquiera, slo para sus autores o para los lectores que se elijan.

Creacin y configuracin de un blog en Blogger - 11

2. Entradas y comentarios:

Mostrar un mximo de 7 entradas en la pgina principal, que es un nmero adecuado para no cargar la portada con muchas entradas. Cuando su nmero sobrepase el
de 10, aparecer otra pgina a la que se acceder con un enlace que hay en la parte
inferior de la pgina.

La Plantilla de entrada es cualquier cdigo HTML que queramos incluir en todas las
entradas sin necesidad de repetirlo, pero es mejor no utilizar esta opcin si no se tie nen conocimientos de este lenguaje de marcas que subyace en los documentos web.

Mostrar imgenes en lightbox: esto es como un pase de diapositivas que se crea

cuando se hace clic en cualquier imagen de la entrada del blog, y muestra todas las
imgenes de esa entrada.

Ubicacin de los comentarios: Los comentarios que los lectores hacen en las entradas suelen estar ubicados debajo de stas, pero se puede cambiar el lugar, aunque
no resulta aconsejable, pues se el el sitio habitual para los comentarios.

Quien puede realizar comentarios?: Lo normal es que cualquiera pueda realizar comentarios, pero es aconsejable utilizar la moderacin de comentarios de la siguiente
opcin.

Moderacin de comentarios: Supone la aprobacin de los comentarios por parte

del autor del blog antes de ser publicados, y para ello existe una seccin donde aparecen todos los comentarios despus de ser escritos y antes de ser publicados o eliminados.

Mostrar enlaces de retroceso: Son enlaces de otros blogs cuyos autores a su vez
han enlazado alguna entrada de nuestro blog, y aparecen en la parte inferior de las
entradas.

Mensaje del formulario de comentarios: Es un texto que podemos aadir al formulario donde los lectores escriben sus comentarios a las entradas.

3. Mviles y correo electrnico:

Publicar entradas mediante SMS/MMS: Para publicar entradas con mviles hay que
aadir un dispositivo mvil mediante un cdigo de verificacin.

Publicar entradas mediante correo electrnico: Es una buena opcin si queremos

conseguir entradas de personas que no sean miembros del blog mediante una direccin de email que se configura aqu mismo.

Correo electrnico de notificacin de comentarios: Sirve para notificar a las cuentas de email expresas del envo de comentarios en las entradas.

Enviar entradas por correo electrnico a: Es una notificacin para un mximo de

diez personas de la publicacin de entradas en el blog.

4. Idioma y formato: en esta seccin se configuran el idioma y los formatos de las fechas que
aparecen en el blog.
5. Preferencias de bsqueda: Son opciones avanzadas que tienen que ver con el trfico hacia
el blog. Puede resultar importante la Descripcin, que utilizan los buscadores para clasificar
las pginas. Para mayor informacin, lase este artculo en Blogger Buzz.
6. Otros:

Herramientas de blog: con estas opciones podemos exportar las entradas y los comentarios de nuestro blog en formato XML, y luego importarlas a otro blog de Blo-

Creacin y configuracin de un blog en Blogger - 12

gger. Con el archivo XML podemos tener una copia de seguridad del contenido de
nuestro blog.

Feed del sitio: Un feed es un anglicismo que se refiere a una forma de distribuir el
contenido de nuestro blog en otros blogs que recogen nuestro enlace de feed por
medio de la tecnologa RSS, situado en la parte inferior del blog con la expresin
Suscribirse a: (Entradas Atom). Con ese enlace, se pueden publicar automticamente nuestras entradas completas o cortas en un lector de feeds como Google Reader
conforme las vayamos publicando.

OpenID: Es un servicio web donde se puede crear una contrasea que nos servir
para su uso en muchos servicios donde la admiten.

Contenido para adultos: Sirve apara avisar a los lectores del blog de que entran a un
blog para adultos, es decir, con contenidos principalmente erticos.

ID de propiedad web de Google Analytics: Si estamos suscritos al servicio de estadsticas Google Analytics, podemos aadir aqu la identificacin (ID) de nuestro blog.

2.2. Configuracin de las entradas del blog

Una vez configurado el blog a nuestro gusto, podemos cambiar su diseo si las opciones predeterminadas no nos convencen en algn aspecto. Para ello pulsamos en la seccin Diseo del men
lateral de la administracin, y nos aparecer una especie de esquema de nuestro blog:

En la parte superior derecha se encuentran los botones que utilizaremos cuando modifiquemos
alguna parte del diseo, sobre todo el botn naranja Guardar disposicin. Ms abajo, est el enlace
al Diseador de plantillas, pieza clave que analizaremos ms adelante. A continuacin tenemos varias secciones, encerradas en cuadros blancos, que podremos modificar:

Creacin y configuracin de un blog en Blogger - 13

1. Favicon: Es el pequeo icono representativo de nuestro blog que se ve en las barras de los
navegadores y en sus pestaas cuando alguien est visitando nuestro blog. En los blogs de
Blogger siempre se ve su icono caracterstico, pero lo podemos cambiar en esta seccin para
personalizar nuestro blog si pulsamos en Editar. En Wikipedia encontramos informacin sobre este icono y sobre cmo crearlo.
2. Barra de navegacin: Es la barra ms superior que se ve en nuestro blog y en todos los de
Blogger. Aqu podemos cambiar su aspecto tras pulsar en Editar.
3. Cabecera: Es parte superior de nuestro blog donde aparece el ttulo y la descripcin, que se
pueden cambiar en cualquier momento. Tambin se puede incluir una imagen propia, pero
habr que tener cuidado de que no sea demasiado grande, y para su ubicacin tenemos cuatro opciones.
4. Entradas del blog: Se trata del diseo de todo lo que hay alrededor de las entradas de nuestro blog, y lo analizaremos a continuacin.
5. Aadir un gadget: Los gadgets son pequeos mdulos generalmente de carcter informativo que aadimos al lateral o al pie del blog, y los veremos ms adelante.
6. Attribution: En la parte inferior del esquema del diseo se encuentra esta seccin que hace
referencia a la licencia con la que publicamos todo el contenido de nuestro blog.
Ahora vamos a dedicar nuestra atencin a la configuracin y diseo de nuestras entradas del
blog. Si pulsamos en Editar dentro de esa seccin, aparecer una ventana como la siguiente, que
muestra la configuracin de las entradas de mi blog:

Creacin y configuracin de un blog en Blogger - 14

En esta ventana destacamos las siguientes opciones:

Nmero de entradas, o das con entradas, en la pgina principal: Conviene que no haya
muchas entradas en la pgina principal del blog,y el nmero depender de la longitud de las
entradas y de su contenido. Siempre hay que procurar que la pgina principal del blog tarde
poco en ser leda por el navegador para que el lector no tenga que esperar para ver todos
los contenidos.

Texto de enlace de la pgina de entrada: Es una opcin que tiene que ver con a la divisin
del texto de las entradas, dejando una introduccin en la portada y el enlace Leer ms para
continuar leyendo la entrada en su pgina o enlace permanente, a lo que nos referiremos
ms adelante.

Opciones de la pgina de entrada: Son las opciones visuales o textos que se podrn ver en
las partes superior e inferior de la entrada, segn la plantilla elegida. En la mayora se puede
incluso cambiar las palabras de los textos. Dos de ellas requieren de una explicacin:

Mostrar edicin rpida: El icono del lpiz aparece en la parte inferior de la entrada
del blog, junto al nombre del autor y la fecha, slo cuando estamos conectados a
Blogger. Sirve para entrar directamente al editor del blog y editar dicha entrada.

Reacciones: Es una opcin para que los lectores del blog califiquen cada entrada.
Puede editarse para cambiar los adjetivos de la calificacin.

Y en la parte inferior de la ventana, podemos Ordenar elementos arrastrndolos con el cursor

del ratn:

Por ejemplo, podemos elegir la siguiente ordenacin:

Y con ella tendremos los siguientes elementos en la parte inferior de las entradas:

Creacin y configuracin de un blog en Blogger - 15

2.3. Aadir gadgets al blog

Ahora vamos a aadir gadgets al blog, pero para ello hace falta tener claro cmo es el diseo de
un blog normal como el mo: la cabecera, la entrada y el lateral. Los gadgets pueden incluirse en la
cabecera, el pie o el lateral, pero lo ms habitual es ponerlos en el lateral del blog.

Los gadgets son unos elementos relativamente

nuevos en la Web que la Wikipedia define como "dispositivo que tiene un propsito y una funcin especfica, generalmente de pequeas proporciones,
prctico y a la vez novedoso". Son muy conocidos los
de Google, y tambin los de Blogger, entre los que
se incluyen los primeros, cientos de pequeos dispositivos que nos pueden ayudar en muchas tareas relativas al blog o a sus contenidos y tienen un carcter principalmente informativo. Su facilidad de uso
y de configuracin ha provocado literalmente la invasin de los gadgets, de forma indiscriminada algunas veces.
sta es la opcin ms impresionante que tienen
los blogs de Blogger y con ella se aaden elementos
al lateral del blog principalmente, pero tambin se
pueden aadir al pie de la pgina. En la pgina de diseo de mi blog, se pueden ver los gadgets en el
lateral, en forma de cuadros blancos, que representan los verdaderos gadgets que se muestran en el
lateral de mi blog. Se pueden ordenar arrastrndolos arriba y abajo con el puntero del ratn.
Para ver cmo funciona, he creado este videotutorial en el que aado una lista de blogs favoritos
en el lateral de mi blog. El diseo que aparece de fondo es el del antiguo Blogger, pero el manejo de
los gadgets no ha cambiado. El vdeo se puede ver a mayor tamao en mi canal de vdeo de Vimeo.

Creacin y configuracin de un blog en Blogger - 16

Para aadir estos gadgets al blog hacemos clic en Aadir un gadget, que est en la seccin Diseo del blog, y aparecer una ventana nueva. Estos elementos se crean y se configuran automtica mente o mediante algunos cdigos de lenguajes que se utilizan en la Web como, por ejemplo, HTML
y JavaScript. Su configuracin en algunos casos es automtica o requiere slo unos cambios muy
sencillos. Existen varias secciones en el lateral de navegacin de esta ventana, una lista casi interminable de gadgets, que aumenta constantemente. Pero aqu vamos a nombrar los ms importantes
dentro de los bsicos, los gadgets que son imprescindibles para cualquier blog, algunos de los cuales ya vienen aadidos cuando creamos un blog de Blogger:
1. Perfil: muestra nuestro perfil de Blogger, y es importante para que nuestros lectores tengan unos datos nuestros.
2. Archivo del blog: clasifica las entradas del blog por meses y aos, y las enlaza en el lateral
del blog para que se pueda acceder a ellas rpidamente.
3. Etiquetas: muestra las etiquetas que hemos incluido en las entradas para clasificarlas.
4. Listas: hay varios gadgets de lista de libros, de blogs y de enlaces, que siempre son imprescindibles para que exista una mnima comunicacin entre blogs.
5. Cuadro de bsqueda: muy til para que los lectores busquen contenidos en el blog.
6. Seguidores: un gadget muy original que permite una especie de suscripcin al blog por parte de los lectores.
Con otros gadgets se pueden incluir muchos elementos personalizados, pero a veces se requieren ciertos conocimientos sobre HTML. En el siguiente ejemplo slo se requiere saber escribir. Pro bemos a incluir un texto sencillo que defina nuestro blog y que lean los visitantes. Para ello elegire mos el gadget Texto y haremos clic en la imagen de la izquierda o en el signo + de la derecha. A continuacin nos aparecer una ventana como la siguiente, donde configuraremos el texto:

Creacin y configuracin de un blog en Blogger - 17

En el editor escribiremos un ttulo y un texto que podremos formatear con algunos botones.
Cuando hacemos clic en Guardar cambios, an tendremos que colocar el gadget en el lugar que
queramos del lateral, posiblemente en la parte superior, y para ello arrastramos el cuadro que incluye su nombre en la seccin Diseo:
Y ya podemos ver cmo queda el texto de presentacin en nuestro blog, que se ver en el lateral
del blog:

Como se ve en la imagen superior, en la parte inferior derecha aparecer, siempre que estemos
conectados con nuestra cuenta, un icono que nos permite abrir el elemento para modificarlo o borrarlo. Esto tambin se consigue desde la seccin Diseo de la administracin.
Una cuestin importante en nuestro trabajo con los blogs es la de la licencia con que los presen tamos en pblico. La licencia ms utilizada para ello es la Creative Commons, que se puede incluir
en el blog con ungadget, como se explica a continuacin. En la Wikipedia podemos enterarnos de su
alcance, pero tambin podemos acudir a Creative Commons Espaa para rellenar un formulario y crear
la licencia que mejor nos convenga. Al final del proceso nos ofrecen un cdigo HTML que podremos
insertar en el lateral o el pie del blog para hacerlo visible. Eso se puede realizar simplemente pegando
ese cdigo en el editor del gadget HTML/Javascript, como se muestra en la siguiente imagen:

En un artculo de mi blog de Blogger, Gadgets de Blogger para mens y descargas, indico cmo
podemos incluir una seccin de descarga de archivos y un men con artculos informativos, opciones que Blogger no incluye, y que soluciono con algunos trucos. Estas opciones pueden ser muy tiles para los blogs educativos.

Creacin y configuracin de un blog en Blogger - 18

2.4. El diseo de plantillas

El diseo de las plantillas de Blogger ha sufrido profundas modificaciones en estos ltimos tiem pos. Hace unos aos, se criticaban los diseos de los blogs de Blogger por su aspecto anticuado, y
quiz por ello, y para ponerse a la altura del diseo web actual, Blogger ha realizado dos cambios
fundamentales en sus plantillas:

La creacin del Diseador de plantillas, que permite la modificacin profunda de las distintas plantillas con las que cuenta Blogger, de forma que podemos personalizar con mucha facilidad el diseo de nuestro blog.

Las Vistas dinmicas, que son unas plantillas especiales que puede cambiar el visitante de
nuestro blog a su gusto entre un nmero determinado.

En la seccin Plantillas de la administracin de Blogger, tenemos todas las plantillas disponibles

divididas en categoras. Pero lo primero que vemos es nuestra plantilla actual tanto en su versin
web como en la de mviles :

Con los botones de abajo podemos personalizar la plantilla utilizando el Diseador de Plantillas o modificando el cdigo HTML del blog. Esta ltima opcin slo se aconseja a personas que conocen este lenguaje web, y lo mejor es no utilizarla.
La plantilla para mviles primero hay que habilitarla pulsando el botn que hay debajo y eligiendo, en el cuadro que aparece, la opcin S, mostrar la plantilla para mviles en los dispositivos
mviles. Una vez guardada esa opcin, ya podemos elegir una de las plantillas que hay adems de la
Predeterminada e incluso podemos abrir una vista previa en una ventana aparte.

Creacin y configuracin de un blog en Blogger - 19

Pero el Diseador de plantillas merece nuestra atencin, porque es una herramienta extraordinaria para conseguir un diseo adecuado a la personalidad de nuestro blog. En el blog Blogger Buzz
se public la versin espaola sobre El nuevo diseador de plantillas, entrada en la que explican
cmo utilizar esta opcin, pero adems ofrecen consejos muy pertinentes para manejar el diseador. Su facilidad de uso es tal que incluso los novatos pueden atreverse a mejorar el diseo de sus
blogs. Aqu ofrezco un videotutorial sobre las plantillas de Blogger y el Diseador de plantillas, que
se puede ver con calidad HD en mi canal de vdeos de Vimeo:

Para completar este apartado, lanse los consejos de mi artculo Diseo y eleccin de la plantilla
en Blogger.
Las vistas dinmicas son el ltimo grito en el diseo de blogs, pero quiz resulten incmodas
para la lectura habitual de un blog. Adems, su diseo no se puede personalizar tanto como las de ms plantillas, as que aconsejamos no utilizarlas, sobre todo cuando se est aprendiendo el uso clsico de este medio que ya posee sus costumbres y sus caractersticas asentadas con el paso del tiem po. En la ayuda de Blogger se puede leer ste y otros artculos para comprender su uso y la forma de
habilitarlas y de utilizarlas.

Creacin y configuracin de un blog en Blogger - 20

3. Entradas, pginas y comentarios

El contenido de un blog hemos visto que no se limita a las entradas, porque tambin podemos aadir elementos en el lateral que sern muy visibles y que por tanto darn personalidad a nuestros blog.
Sin embargo, el contenido del blog se expresa principalmente en
sus entradas, que no solamente incluirn texto, sino tambin elementos interactivos y multimedia, como se ver ms adelante. Pero
recientemente se ha incorporado a Blogger un nuevo tipo de contenido: las pginas con informacin permanente, que se muestran en un
men del lateral o en pestaas debajo de la cabecera, a diferencia de
las entradas del blog propiamente dichas: vase Las pginas estticas
en Blogger.
Para crear una entrada, podemos acceder al editor ya sea por el
enlace del panel o por la pestaa correspondiente. Antes de ver el
editor, fijmonos en las tres opciones que hay debajo de las pestaas:
En esta seccin veremos cmo incluir entradas, pginas estticas y
comentarios en el blog. Cada uno de estos contenidos tiene su forma de acceder a su creacin:
1. Entrada: Se crea pulsando el primer botn superior del men izquierdo de la Administracin: Entrada nueva, pero tambin pulsando el botn que incluye el icono de un lpiz en el
men superior y en el Escritorio. En el men izquierdo tambin est la seccin Entradas, que
es donde se ve la lista de todas las entradas publicadas en el blog.
2. Pgina: Se crea en la seccin Pginas del men lateral, en la parte superior, donde est el
botn Pgina nueva. Se pulsa y se escoge la opcin Pgina en blanco.
3. Comentarios: Se crea en la entrada o la pgina del blog donde est el formulario para los
comentarios. En la seccin Comentarios del men lateral se encuentran las listas de los comentarios publicados, de los que estn en espera de aprobacin y de los comentarios spam
o no deseados.
Tanto las pginas como las entradas tienen el mismo interfaz para crearlas, que estudiaremos a
continuacin.

3.1. Incluir contenidos en una entrada

La inclusin de texto en las entradas y las pginas estticas del blog suele resultar sencillo, porque se hace como en un procesador de textos, si bien los editores basados en programacin web no
tienen tantas opciones como los procesadores de texto que se incluyen en las aplicaciones ofimticas de escritorio. Por ejemplo, no se puede incluir texto en ms de una columna a no ser que se usen
tablas HTML, pero no es conveniente su uso.
En el siguiente videotutorial muestro cmo incluir otros elementos importantes en una entrada
de un blog de Blogger como son los enlaces a otros documentos web, las imgenes y los vdeos
de YouTube. En otra seccin del curso se vern aspectos avanzados de la multimedia. El vdeo se
puede ver en alta calidad (HD) dentro de mi canal de vdeos en Vimeo donde se aloja.

Creacin y configuracin de un blog en Blogger - 21

Para mayores detalles sobre el editor de Blogger, ofrecemos la siguiente explicacin escrita. Una
vez que hemos pulsado uno de los botones para crear una nueva entrada, aparece el formulario de
la imagen inferior para elaborarla. En el centro tenemos el editor donde se escribe el texto y se insertan otros elementos como, por ejemplo, imgenes o vdeos. Rodeando al texto estn los siguientes elementos, que hemos dividido con franjas coloreadas:

Barra superior, con el borde de color verde en la imagen:

Ttulo de la entrada: Es el campo de texto donde se escribe el ttulo de la entrada.

Publicar: Botn que se pulsa cuando se quiere publicar la entrada. Cuando la entrada ya
est publicada y se edita para modificarla, aqu aparecer el botn Actualizar para guardar los cambios, y a su lado veremos el botn Restablecer a borrador para que deje de
estar publicada..

Guardar: Botn que se pulsa cuando se quiere guardar la entrada en borrador.

Vista previa: Botn que se pulsa cuando se quiere ver la entrada antes de publicarla o
guardarla.

Cerrar: Botn que se pulsa cuando se quiere salir de esta seccin sin guardar nada.

Barra de herramientas, con el borde de color rojo en la imagen:

Redactar: Es la parte del editor donde se escribe como si fuera un procesador de textos,
y se puede formatear el texto con los botones de la barra de herramientas.

Creacin y configuracin de un blog en Blogger - 22

HTML: Cuando se pulsa este botn, aparece la parte donde se encuentra el cdigo fuente del texto, es decir el cdigo HTML que subyace en todo documento web.

Los botones de formateo del texto: Son parecidos a otros que se manejan en editores
convencionales, y si se coloca el cursor del ratn encima de ellos, aparece una descripcin del botn en un marco de texto. Pronto analizaremos las acciones que se consiguen
con algunos de estos botones.

Lateral, con el borde de color azul en la imagen:

Etiquetas: Consisten en palabras o expresiones separadas por comas que definen y cla sifican las entradas. Estas etiquetas o tags, segn la jerga, aparecern debajo de la entrada e irn enlazadas a una pgina donde se vern todas las entradas que tienen esa etiqueta incorporada. Tambin las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas. Cuando pulsamos la palabra Etiquetas en este formulario, se
abre un cuadro donde se pueden escribir las palabras o incluir algunas de las que ya tenemos en el blog pulsando sobre ellas.

Programar: Si pulsamos esta palabra, accederemos a un pequeo formulario donde podremos Establecer fecha y hora para que se publique nuestra entrada, o dejar la opcin
como Automtico, para que se publique cuando pulsamos el botn Publicar de la barra
superior.

Enlace permanente: Es el enlace o URL nico donde se ver la entrada o la pgina individualizada. Blogger automatiza esta direccin, de modo que no hay que preocuparse por
ello, pero siempre podemos cambiarla activando la casilla Enlace permanente personalizado.

Ubicacin: Opcin con la cual podemos ubicar geogrficamente la entrada. Cuando se

pulsa en esta palabra, se escribe el nombre de una localizacin en el campo de texto que
aparece, y el buscador la encuentra. Cuando pulsamos el botn Finalizado, se guardar
esa ubicacin y aparecer debajo de la entrada del blog.

Opciones: Aqu se agrupan otras opciones para permitir los comentarios de los lectores
o los enlaces de retroceso (seccin 3.1). Adems, es conveniente dejar como estn las
opciones Modo de redaccin y Utilizar <br> etiqueta.

3.2. Las pginas estticas

Las pginas de Blogger, que aqu llamamos pginas estticas para que no se confundan con las
pginas del blog, no constituyen un medio fundamental de crear contenidos en un blog, pero siem pre vienen bien si queremos aadir al blog un material informativo sobre los siguientes aspectos, entre otros:

Creacin y configuracin de un blog en Blogger - 23

1. Presentacin del autor o autores, lo que se suele nombrar con la palabra inglesa About.
2. Presentacin del blog, que es conveniente siempre que el contenido del blog sea variado,
amplio o complejo.
3.

Presentacin de la institucin, de la empresa o de quien est detrs del autor o autores del
blog, pues muchos blogs se crean con fines informativos, comunicativos y promocionales.

4. Contacto por correo electrnico con los lectores, lo que facilita la comunicacin directa y
asegura que detrs del blog hay una persona o institucin que se responsabiliza de los contenidos.
5. Bsqueda de informacin concreta de los contenidos, es decir, una organizacin estructurada de los contenidos del blog, que facilite la bsqueda.
6. Enlaces interesantes sobre el contenido del blog, pues el lateral del blog, donde se suelen
publicar los enlaces, puede quedarse pequeo si los enlaces son muchos y variados.
7. Cualquier informacin que pueda ser til para el blog y para los lectores.
Por tanto, las pginas estticas no forman parte del flujo del blog, y por ello no se publican junto
a las entradas, sino que tienen un enlace permanente en el lateral o en la cabecera del blog, donde
estn ms a mano para los lectores. Para mayor informacin, lase mi artculo Las pginas estticas
en Blogger.
El procedimiento para crear pginas estticas se muestra en la siguiente imagen:

Se selecciona la opcin Pginas del lateral de la Administracin del blog y despus se abre el
men desplegable Pgina nueva, donde hay dos posibilidades:

Se pulsa la opcin Pgina en blanco para crear una pgina esttica en el editor de Blogger,
igual que se crean las entradas, si bien aqu hay menos opciones de publicacin por sus ca ractersticas.

Se pulsa la opcin Direccin web para crear slo un enlace a otro sitio web, que se ver junto a los dems ttulos de las pginas estticas en su men. Este es el caso de la pgina titula da Inicio, que se crea automticamente y que enlaza con la portada del blog. Para crear es tos enlaces se ver la siguiente ventana cuando se pulsa la opcin Direccin web, que hay
que rellenar con el ttulo de la pgina, que se ver en el men de pginas estticas y con la
direccin web (URL) del sitio web.

Creacin y configuracin de un blog en Blogger - 24

Una vez creadas las pginas estticas, se pueden mostrar, segn las opciones que se ven en la
imagen inferior, en la cabecera del blog como pestaas o en el lateral como enlaces. La opcin No
mostrar se usa para no mostrar en el blog el men de pginas convencional, pero se pueden enlazar
las pginas estticas en cualquier parte del blog; por ejemplo, en el lateral con un gadget de enlaces.

Por ltimo, cuando se quiera modificar una pgina esttica ya creada, se accede a ella mediante
el enlace Editar, que aparece en los marcos de borde azul que representan las pginas creadas.
Tambin se pueden Restablecer a borrador, y entonces se vern en otra columna a la derecha bajo
el ttulo Borradores, desde donde podrn volver a publicarse pulsando el enlace Publicar, como se
ve en la siguiente imagen:

Creacin y configuracin de un blog en Blogger - 25

3.3. Los comentarios

Los comentarios de los blogs son muy populares y constituyen una de sus caractersticas definitorias. El hecho de que cualquier lector de un blog pueda escribir un comentario sobre el contenido de
una entrada o una pgina esttica resalta el aspecto comunicativo de los blogs. Para mayor informacin, lase mi artculo Los comentarios en el blog para el debate y el aprendizaje.
En la seccin Configuracin de la Administracin del blog vimos las distintas opciones de los comentarios. Pueden verse debajo de la entrada, pero tambin pueden aparecer a pgina completa
o en una ventana emergente. Como en la mayora de los blogs se ven los comentarios debajo de la
entrada, no resulta aconsejable colocarlos de otra manera, porque el lector puede confundirse.
Tambin en esa seccin se elige quin puede escribir comentarios. Lo ms habitual es que pueda
escribirlos cualquiera siempre que haya una moderacin de comentarios, pero tambin podemos
usar un blog para un pblico limitado, y en ese caso, se puede elegir que slo los escriban los usua rios del blog.
Para controlar los comentarios, Blogger dispone de la seccin Comentarios, donde se ven todos
los comentarios que se han enviado al blog. Si en las opciones de Configuracin se ha elegido moderacin de comentarios, stos aparecern apartados en espera de la aprobacin del autor del
blog. En la parte de Spam se incluirn los comentarios que se consideren no deseados.
Para enviar un comentario al blog, como se ve en la imagen inferior, el autor puede firmar como
Annimo si no quiere poner su nombre, o incluir Nombre/URL, con lo cual escribe su nombre y la
URL de su blog o web. Pero tambin puede usar una cuenta que ya tenga creada en otros servicios
como Google (Blogger) o Wordpress.com, y en ese caso, tendr que conectar con su cuenta.

Creacin y configuracin de un blog en Blogger - 26

Una de las caractersticas de los blogs de Blogger es que los comentarios no se pueden modificar
una vez publicados, aunque se pueden eliminar. No los puede editar ni siquiera el autor del blog, y
esto puede ser una molestia para quien no desea encontrarse con comentarios mal escritos en su
blog, por ejemplo. El motivo puede ser lgico si se piensa que de esta forma nadie puede cambiar lo
que ha escrito anteriormente, pues ello puede causar confusin.
Por ltimo, en los comentarios de Blogger se pueden incluir algunas etiquetas de HTML para
formatear el texto y convertirlo en letras negritas o cursivas, y tambin para crear enlaces. El texto
se convierte de esta manera en <b>negrita</b> y <i>cursiva</i>, lo que luego se ver as: negrita y
cursiva. Para crear un enlace se usa el siguiente cdigo: <a href="http://google.es">Buscador
Google</a>; en el atributo href se incluye la URL completa entre comillas. Y el resultado es ste:
Buscador Google.
Por ltimo, siempre es conveniente que incluyamos un
gadget en el lateral con enlaces a los comentarios recientes
publicados en el blog. Entre los gadgets de Blogger, est el
llamado Recent Comments, pero parece que no funciona.
Yo he colocado en el lateral mi blog un gadget de los muchos que hacen los usuarios, y que se pueden encontrar en
la Web con slo buscar un poco. Est en la pgina Recent Comments Widget, donde nos proporcionan un cdigo que hay
que insertar en un gadget HTML/JavaScript de Blogger.
Como nos indican en la pgina, hay que cambiar el enlace
de color rojo por el enlace de nuestro blog, pero tambin se
pueden hacer otros cambios: por ejemplo, se puede cambiar
la cantidad de comentarios que aparecen cambiando el nmero 5 de la variable var a_rc=5. El resultado se puede ver
en la imagen de la derecha.

Creacin y configuracin de un blog en Blogger - 27

3.4. Estadsticas del blog

En la seccin Estadsticas del men lateral de la Administracin del blog, Blogger incluye informacin variada sobre las entradas y las pginas estticas, y se pueden consultar por da, semana,
mes y en cualquier momento. Esta seccin se divide en varios apartados:

Visin general es un resumen de todas las secciones. En la parte derecha se puede ver el
nmero de pginas vistas que ha tenido nuestro, pero un mismo visitante puede haber visto varias pginas.

Entradas muestra el nmero de vistas o lecturas de las entradas y las pginas estticas ms
ledas, no de todas. Si queremos ver el nmero de vistas de cada una de las entradas, hay
que mirarlo en la seccin Entradas del men izquierdo de la Administracin.

Fuentes de trfico muestra los orgenes del trfico en nuestro blog:

URL de referencia: direcciones URL de referencia, es decir, de donde proceden

nuestros lectores, muchas de las cuales son buscadores o blogs y webs que enlazan
nuestras entradas.

Sitios de referencia: los sitios de referencia, es decir, las webs de las URL de referencia anteriores.

Palabras clave de bsqueda: las palabras clave o textos que han introducido en los
buscadores nuestros visitantes para llegar a nuestro blog.

Pblico muestra la localizacin de nuestros lectores por pases y los navegadores y sistemas
operativos que han utilizado.

Una buena opcin es la de "No realizar seguimiento a tus propias visitas a pgina", enlace que
se encuentra en la parte derecha del apartado Visin general. Si se hace clic en ese enlace, aparecer la siguiente ventanita en la que elegir la opcin para que las estadsticas no cuenten tambin las
visitas hechas por el autor del blog, pero hay que tener en cuenta que esta accin la tendremos que
repetir si usamos varios navegadores, porque nuestra opcin se guarda en el navegador que estemos utilizando cuando la realizamos:

Creacin y configuracin de un blog en Blogger - 28

Acompaando a esta nueva opcin, Blogger ha creado un gadget para poder mostrar las pginas vistas en total en el lateral de la pgina principal. El gadget se encuentra en la seccin Diseo
-> Aadir un gadget, y se identifica con la siguiente imagen:

Cuando hacemos clic en la imagen, nos aparece la ventana de configuracin, donde slo tendremos algunas opciones:

Cuando se guarda la configuracin, el gadget ya se puede ver en el lateral del blog, pero recordad que los gadgets siempre se colocan en primera posicin del lateral, y entonces habr que arrastrar con el ratn sus iconos rectangulares de la seccin de Diseo para colocarlos donde nos plazca.