TUTORIAL PARA REALIZAR UN

BLOG CON BLOGGER

Marga Fernández
1
 Índice

1. Crear una cuenta Gmail. 8. Diseño

2. Vamos a crear un Blog con Blogger. 8.1 Elementos de la página
3. El blog por dentro. 8.2 Edición html
4. Gestionando el blog. 8.3 Diseñador de plantillas
5. Entradas y páginas. 9. Monetizar
5.1 Nueva entrada 10. Estadística
Insertar una imagen.
Insertar un video.
5.2 Editar entradas
5.3 Crear páginas.
6. Comentarios.
7. Configuración.
7.1 Básico
7.2 Publicación
7.3 Formato
7.4 Comentarios
7.5 Archivo
7.6 Feed del sitio
7.7 Correo electrónico y móvil
7.8 Open ID
7.9 Permisos

2
 TUTORIAL PARA REALIZAR UN BLOG CON
BLOGGER
Lo primero que os recomiendo es hacer una cuenta de correo de Gmail de Google, con la que no sólo tendréis
acceso a la creación de blogs gratuitos en Blogger, sino a otros muchos servicios que os pueden ser de gran
utilidad para vuestro blog (Youtube, Picasa, Docs, etc).

1- Crear una cuenta en Gmail

Sigue estos pasos:

Pulsar sobre
Crear una cuenta

3
2 Rellenad los siguientes datos

Nombre

Apellidos

Nombre de registro

Contraseña y repite contraseña

Pregunta de seguridad

Respuesta
Correo electrónico de recuperación
Ubicación
Verificación de palabra

Condiciones de servicio

Pulsa sobre “Acepto. Crear mi cuenta”

4
 2- Vamos a crear el blog en Blogger

Podemos crear nuestro blog de dos maneras:

1. Utilizando nuestra cuenta de Gmail de Google. Introducimos nuestro correo electrónico y la contraseña
de este y pulsamos sobre “Acceder”. Nosotros vamos a seguir esta opción

2. Pulsando sobre “Crear un blog”. Si optamos por esta opción, tendremos, en primer lugar, que crear una
cuenta de Gmail y luego crear el Blog. Como nosotros ya tenemos nuestra cuenta Gmail no seguiremos
esta opción.

5
1 Nos registramos con nuestra
dirección de correo Gmail, nuestro
nombre y apellidos, y aceptamos
las condiciones de servicio.
Pulsamos sobre Continuar.

Ponemos el nombre de nuestro

blog y elegimos la URL o dirección
web que tendrá. El nombre podrá
ser cambiado, pero la URL,no.
Pulsamos sobre Continuar.

6
3 Elegimos la apariencia que va a
tener nuestro ga través de las
plantillas disponibles.
Posteriormente, una vez creado el
blog, tendremos acceso a más
plantillas y variaciones de color.
Pulsamos Continuar

4
Nuestro blog se ha creado. Al
pulsar sobre Empezar a publicar, se
nos abrirá un editor de texto para
que hagamos nuestra primera
entrada.

7
 3- El blog por dentro
Este es el Escritorio, desde él puedes gestionar todos los blogs que tengas y también leer los blogs de otros
autores que quieras seguir.
Salir. Este comando te
aparecerá siempre en
la esquina derecha de
arriba en tu blog.
Acuérdate de cerrar la
sesión.

Área de
edición de tu
perfil.

Área de Área de gestión del

seguimiento de blog. En las páginas
otros blogs, siguientes
podrás leer sus hablaremos de esta
últimas entradas opción.

8
 4 - Gestionando el blog
Éstas son las pestañas que tiene Blogger para gestionar nuestro blog: Entradas, Comentarios, Configuración,
Diseño, Monetizar y Estadísticas. También tenemos un comando para poder ir viendo como esta quedando el
blog. Pasaremos ahora a ver una por una las pestañas.

5 – Entradas y páginas
La pestaña Entradas nos presenta un
menú con tres opciones:
1. Nueva entrada.
2. Editar entrada.
3. Editar páginas.

Hay una diferencia que debéis conocer:

• Una entrada irá colocada en la página de

Inicio, que es dinámica, es decir, cada vez
que publicamos una entrada, ésta
desplaza hacia abajo a las otras.
• Las páginas, excepto la de inicio, son estáticas. Blogger nos permite crear 10. En ellas podemos colocar las
secciones o contenidos que no queremos que sean desplazados y que queremos mantener siempre en su sitio.

9
 5.1- Nueva entrada

Editor htlm Editor de texto

Título

Cuerpo de la entrada, en
ella además del texto Enlaces Corrector
podemos incorporar Vídeo ortográfico
imágenes y vídeos. Imágenes

Opciones de entrada,
pulsando sobre el
comando podremos
autorizar o no los
comentarios, cambiar Etiquetas. Introducimos
fechas, etc aquellas palabras de la
Publicar entrada Guardar como Vista previa entrada que nos servirán
borrador para encontrarla después.

10
Insertar una imagen en una entrada

En primer lugar pondremos el cursor en el

lugar donde queremos insertar la imagen.
Después pulsamos sobre el cono de insertar
imagen y se nos abrirá una nueva ventana.
Insertar imagen

En la nueva pestaña encontraremos varias

opciones para seleccionar el origen de la imagen:

1. Elegir una imagen que tengamos en nuestro

equipo. Finalizamos añadiendo
2. Elegir una imagen que tengamos ya en el la imagen
blog.
3. Elegir una imagen que tengamos en Picasa.
4. Poner la URL de la imagen que queremos.

11
 Si pulsamos sobre la imagen que acabamos
de insertar se nos abrirá un cuadro de
diálogo en el que podremos elegir entre 4
tamaños para ésta o el lugar donde
posicionarla (izquierda, centro, derecha).

Insertar un vídeo en una entrada

A la hora de insertar o incrustar un video en una entrada tenemos dos opciones: que el video lo tengamos en
nuestro ordenador o que el vídeo esté on-line. Veamos los dos casos.

A) Si el video está en nuestro ordenador.

Ponemos el cursor en el lugar donde queremos

poner el vídeo y pulsamos sobre el icono de
Insertar vídeo Seleccionar video
para subir

Se nos abrirá un a ventana en la que tenemos la opción

Seleccionar video para subir . Una vez hemos elegido el Subir
vídeo pulsamos en Subir (la subida puede durar bastante
tiempo).

12
B) Si el video está on-line.

Vamos a la web donde está el video que queremos

poner en el blog. Allí buscamos el comando Insertar y
pulsamos sobre él. Se nos abrirá un desplegable donde
podremos elegir las opciones que queremos para
nuestro video.

Código htlm

Opciones del vídeo

Insertar

Es importante elegir un tamaño que no sea demasiado

grande para nuestro blog, yo os recomiendo la opción
425 x 344 px.

Una vez establecidas las opciones elegidas copiaremos

el código del video que nos aparecerá en azul. Este
código está escrito en lenguaje html

13
 Vamos a nuestro blog y abrimos la entrada
en la que queremos insertar el vídeo.

Pulsaremos sobre la pestaña Edición html

ya que el código esta escrito en este
lenguaje. Pegamos el código.

Si luego pasamos al editor de texto

pulsando sobre la pestaña Redactar,
veremos que el vídeo aparece como un
rectángulo gris en el que no vemos las
imágenes.

Para saber si el video está bien colocado

podemos pulsar sobre la opción Vista previa.

Si todo está como queremos podemos ya

publicar la entrada.

14
 5.2- Editar entradas

En esta opción de Entradas nos encontraremos con un archivo de todas nuestras entradas , borradores y
etiquetas. Tendremos distintas posibilidades como : Editar, Visualizar o Suprimir las entradas. También
podremos crear nuevas etiquetas, colocarlas a las entradas o quitárselas.

15
 5.3- Editar páginas

La tercera opción que encontramos en Entradas es la de Editar Páginas. Ya hemos visto que estas páginas son
estáticas y que por tanto destinaremos a contenidos que queremos conservar en un sitio fijo. Blogger nos
permite añadir 10 páginas.

Al pulsar sobre Página Nueva se nos abrirá una

ventana similar a la que nos aparece en Nueva
entrada. Las opciones son las mismas, salvo que
en este caso no necesitaremos poner Etiquetas,
ya que las páginas se encontrarán con facilidad.

Las páginas que ya hemos editado las

encontraremos en Editar páginas, y tendrán 3
opciones: Editar, Suprimir, Visualizar.

Es importante que añadamos el gadget Lista de

páginas que veremos más adelante
16
 6 - Comentarios

En la pestaña Comentarios tenemos tres opciones:

- Publicados. Nos da las opciones de marcar como spam, suprimir o suprimir el contenido.

-Esperando moderación. Si hemos

elegido en Configuración la opción
moderar comentarios, podremos
hacerlo desde aquí.

- Spam. Además de aquellos

comentarios que nosotros podemos
marcar como spam, blogger nos
ofrece un servicio por el cual ya
elimina todos aquellos comentarios
que detecte como spam.

17
 7 - Configuración

La pestaña de Configuración tiene 9 opciones.

7.1- Básico

Nos ofrece las siguientes posibilidades:

• Importar y exportar el blog a otra

plataforma.
• Cambiar el título y la descripción del blog.
• Marcar si en él hay contenidos para adultos.
• Mostrar nuestro blog en los motores de
búsqueda.
• Enlaces de envío de entradas.
• Etc

18
7.2- Publicación

Esta opción nos sirve para cambiar nuestra URL

(dirección web) por un dominio personalizado.

7.3- Formato

En formato (de blog) podemos:

• Decidir el número de entradas que queremos

que se vean en la página de inicio.
• El formato de fecha y hora.
• Zona horaria.
• El idioma
• Etc…

19
7.4- Comentarios
En la Configuración de Comentarios encontramos las
siguientes posibilidades:

• Mostrar u ocultar los comentarios.

• Dar permisos para comentar.
• Formato de los comentarios.
• Mensaje del formulario de los comentarios.
• Moderación de los comentarios.
• Verificación de palabra.
• Email de notificación de comentarios.
• Etc…

7.5- Archivos

Aquí elegimos:

• Frecuencia del archivo de entradas que se

verá en la barra lateral ( semanal,
mensual…).
• Habilitar páginas de entrada (dar una
URL propia a cada entrada).

20
7.6- Feed del sitio

Tiene estas opciones:

• Permitir Feeds del blog.

• Publicar URL redireccionada del blog.
• Píe de página del feed de entradas

7.7- Correo electrónico y móvil

21
7.8- Open ID

7.9- Permisos
Tiene estas opciones:

• Añadir autores al blog.

• Dar permisos de lectura del blog
(cualquiera, sólo usuarios que yo elija,
únicamente autores del blog).

22
 8 - Diseño

La pestaña de Diseño tiene tres opciones:

• Elementos de página, que estamos viendo

en esta diapositiva.
• Edición HTML.
• Diseñador de plantillas.

23
 8.1- Elementos de página

En esta opción, en la que vemos un esquema de nuestro

blog, podemos añadir y organizar distintos elementos a la
página y editar la cabecera (título, subtítulo, imagen).

Los gadgets son elementos prediseñados que

podemos añadir a distintas zonas de nuestro blog
(columna lateral, bajo la cabecera o al píe de la
página). A través de ellos podemos colocar en
nuestro blog archivos, etiquetas, buscadores,
textos, imágenes, códigos htlm, seguidores,
noticias, juegos, etc.

Podemos variar su situación dentro de un

elemento arrastrándolo con el ratón.

24
8.2- Edición html

Al pulsar sobre la opción Edición de Html de la pestaña

Diseño nos aparecerá la plantilla de nuestra web en
este lenguaje sobre la que podremos hacer cambios, es
recomendable realizar una copia de seguridad por si
nos equivocamos y queremos restaurar la plantilla.

8.3- Diseñador de plantillas

Con el Diseñador de plantillas podremos cambiar y

personalizar la apariencia de nuestro blog. Presenta las
opciones de Plantillas donde tendremos varios tipos de
éstas para elegir, Fondo, podremos variar los colores del
fondo o poner fotografías, Diseño, podremos organizar
los elementos del blog (numero de columnas, ancho de
éstas, etc) y Avanzado, que nos permitirá elegir tipo y
color de letra, color de ventana, color de gadget, color
fecha, etc.

25
 9 - Monetizar

A través del servicio AdSense podremos obtener beneficios con las visitas que tengamos en nuestro blog
incluyendo publicidad en él.

26
10 - Estadísticas
En la pestaña Estadísticas blogger
nos ofrece una rica información
sobre nuestro blog. Esta información
esta clasificada a través de las cuatro
opciones que tenemos:

Visión general. Nos ofrece el número

de páginas de nuestro blog que han
sido visitadas hoy, en esta semana,
en este mes o el total, así como sus
gráficas
Público. Nos muestra un mapa en el
que vemos el origen geográfico de
nuestros visitantes.
Entradas. Nos dice qué entradas de
nuestro blog son las más visitadas y
el número de visitas que ha tenido
cada una de ellas.
Fuentes del tráfico. Nos muestra el
origen de las fuentes en las que
nuestras visitas han enlazado con
nuestro blog, buscadores, enlaces,
etc.

27
He confeccionado este tutorial para mis alumnos de 4º de ESO, pero me
gustaría que fuese útil a muchas más personas, por ello está bajo licencia
Creative Commons bajo las siguientes condiciones:

Reconocimiento  de la autora, sin obras derivadas y sin uso comercial.

En Huelva , a 14 de octubre de 2010 Marga Fernández

28