Ing.

Miguel Arias
1

ndice
1.
2.
3.
4.
5.

6.
7.

Crear una cuenta Gmail.

Vamos a crear un Blog con Blogger.
El blog por dentro.
Gestionando el blog.
Entradas y pginas.
5.1 Nueva entrada
Poner un enlace.
Insertar una imagen.
Insertar un video.
5.2 Editar entradas
5.3 Crear pginas.
Comentarios.
Configuracin.
7.1 Bsico
7.2 Publicacin
7.3 Formato
7.4 Comentarios
7.5 Archivo
7.6 Feed del sitio
7.7 Correo electrnico y mvil
7.8 Open ID
7.9 Permisos

8.

Diseo
8.1 Elementos de la pgina
8.2 Edicin html
8.3 Diseador de plantillas
9. Monetizar
10. Estadstica

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 slo tendris
acceso a la creacin 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

Rellenad los siguientes datos

Nombre

Apellidos

Nombre de registro

Contrasea y repite contrasea

Pregunta de seguridad
Respuesta
Correo electrnico de recuperacin
Ubicacin
Verificacin 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 electrnico y la contrasea de
este y pulsamos sobre Acceder. Nosotros vamos a seguir esta opcin

1.Pulsando sobre Crear un blog. Si optamos por esta opcin, 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
opcin.

Nos registramos con nuestra

direccin de correo Gmail, nuestro
nombre y apellidos, y aceptamos
las condiciones de servicio.
Pulsamos sobre Continuar.

2
Ponemos el nombre de nuestro
blog y elegimos la URL o direccin
web que tendr. El nombre podr
ser cambiado, pero la URL,no.
Pulsamos sobre Continuar.

Elegimos la apariencia que va a

tener nuestro ga travs de las
plantillas disponibles.
Posteriormente, una vez creado el
blog, tendremos acceso a ms
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.

3- El blog por dentro

Este es el Escritorio, desde l puedes gestionar todos los blogs que tengas y tambin leer los blogs de otros
autores que quieras seguir.
Salir. Este comando te
aparecer siempre en
la esquina derecha de
arriba en tu blog.
Acurdate de cerrar la
sesin.
rea de
edicin de tu
perfil.

rea de
seguimiento de
otros blogs,
podrs leer sus
ltimas entradas

rea de gestin del

blog. En las pginas
siguientes
hablaremos de esta
opcin.

4 - Gestionando el blog
stas son las pestaas que tiene Blogger para gestionar nuestro blog: Entradas, Comentarios, Configuracin,
Diseo, Monetizar y Estadsticas. Tambin tenemos un comando para poder ir viendo como esta quedando
el blog. Pasaremos ahora a ver una por una las pestaas.

5 Entradas y pginas
La pestaa Entradas nos presenta un
men con tres opciones:
1.Nueva entrada.
2.Editar entrada.
3.Editar pginas.
Hay una diferencia que debis conocer:

Una entrada ir colocada en la pgina de

Inicio, que es dinmica, es decir, cada vez
que publicamos una entrada, sta
desplaza hacia abajo a las otras.
Las pginas, excepto la de inicio, son estticas. 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

Ttulo

Cuerpo de la entrada, en
ella adems del texto
podemos incorporar
imgenes y vdeos.

Enlaces

Vdeo

Editor de texto

Corrector
ortogrfico

Imgenes

Opciones de entrada,
pulsando sobre el
comando podremos
autorizar o no los
comentarios, cambiar
fechas, etc

Publicar entrada

Guardar como
borrador

Vista previa

Etiquetas. Introducimos
aquellas palabras de la
entrada que nos servirn
para encontrarla despus.

10

Hacer un enlace en una entrada

Los enlaces nos van a servir para remitir a nuestros lectores a otra pgina web, otro blog, o una parte distinta
del nuestro. Podemos hacer enlaces de texto o de imagen.

Tanto en uno u otro caso

marcaremos con el ratn el
texto que queremos enlazar o la
imagen y luego pulsamos sobre
el men Enlace.

En algunas versiones de blogger

en lugar de aparecer el men
Enlace, nos aparecer un icono
con dos eslabones encadenados

Tras pulsar sobre Enlace se nos abrir una ventana en la que se nos muestran dos opciones:

1.

Direccin web. Copiaremos all la direccin del lugar donde queremos enlazar.

2.

Direccin de correo electrnico. Si introducimos en l nuestro correo electrnico, al pulsar el enlace se

abrir una ventana para escribir en ella y que el mensaje sea remitido a nuestra direccin.

Finalmente solo nos queda pulsar sobre aceptar

21/10/10

Insertar una imagen en una entrada

En primer lugar pondremos el cursor en el

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

En la nueva pestaa encontraremos varias

opciones para seleccionar el origen de la imagen:

1.Elegir una imagen que tengamos en nuestro

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

Finalizamos aadiendo
la imagen

13

Si pulsamos sobre la imagen que acabamos

de insertar se nos abrir un cuadro de
dilogo en el que podremos elegir entre 4
tamaos para sta o el lugar donde
posicionarla (izquierda, centro, derecha).

Insertar un vdeo 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 vdeo 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 vdeo y pulsamos sobre el icono de
Insertar vdeo

Se nos abrir un a ventana en la que tenemos la opcin

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

Seleccionar video
para subir

Subir

14

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

Opciones del vdeo

Insertar
Es importante elegir un tamao que no sea demasiado
grande para nuestro blog, yo os recomiendo la opcin
425 x 344 px.
Una vez establecidas las opciones elegidas copiaremos
el cdigo del video que nos aparecer en azul. Este
cdigo est escrito en lenguaje html
15

Vamos a nuestro blog y abrimos la entrada

en la que queremos insertar el vdeo.
Pulsaremos sobre la pestaa Edicin html
ya que el cdigo esta escrito en este
lenguaje. Pegamos el cdigo.
Si luego pasamos al editor de texto
pulsando sobre la pestaa Redactar,
veremos que el vdeo aparece como un
rectngulo gris en el que no vemos las
imgenes.

Para saber si el video est bien colocado

podemos pulsar sobre la opcin Vista previa.
Si todo est como queremos podemos ya
publicar la entrada.

16

5.2- Editar entradas

En esta opcin de Entradas nos encontraremos con un archivo de todas nuestras entradas , borradores y
etiquetas. Tendremos distintas posibilidades como : Editar, Visualizar o Suprimir las entradas. Tambin
podremos crear nuevas etiquetas, colocarlas a las entradas o quitrselas.

17

5.3- Editar pginas

La tercera opcin que encontramos en Entradas es la de Editar Pginas. Ya hemos visto que estas pginas son
estticas y que por tanto destinaremos a contenidos que queremos conservar en un sitio fijo. Blogger nos
permite aadir 10 pginas.

Al pulsar sobre Pgina 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 pginas se encontrarn con facilidad.

Las pginas que ya hemos editado las

encontraremos en Editar pginas, y tendrn 3
opciones: Editar, Suprimir, Visualizar.

Es importante que aadamos el gadget Lista de

pginas que veremos ms adelante
18

6 - Comentarios

En la pestaa Comentarios tenemos tres opciones:

- Publicados. Nos da las opciones de marcar como spam, suprimir o suprimir el contenido.
-Esperando moderacin. Si hemos
elegido en Configuracin la opcin
moderar comentarios, podremos
hacerlo desde aqu.

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

19

7 - Configuracin

La pestaa de Configuracin tiene 9 opciones.

7.1- Bsico
Nos ofrece las siguientes posibilidades:

Importar y exportar el blog a otra

plataforma.
Cambiar el ttulo y la descripcin del blog.
Marcar si en l hay contenidos para adultos.
Mostrar nuestro blog en los motores de
bsqueda.
Enlaces de envo de entradas.
Etc

20

7.2- Publicacin

Esta opcin nos sirve para cambiar nuestra URL

(direccin web) por un dominio personalizado.

7.3- Formato

En formato (de blog) podemos:

Decidir el nmero de entradas que queremos
que se vean en la pgina de inicio.
El formato de fecha y hora.
Zona horaria.
El idioma
Etc
21

7.4- Comentarios
En la Configuracin 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.
Moderacin de los comentarios.
Verificacin de palabra.
Email de notificacin de comentarios.
Etc

7.5- Archivos

Aqu elegimos:
Frecuencia del archivo de entradas que
se ver en la barra lateral ( semanal,
mensual).
Habilitar pginas de entrada (dar una
URL propia a cada entrada).
22

7.6- Feed del sitio

Tiene estas opciones:
Permitir Feeds del blog.
Publicar URL redireccionada del blog.
Pe de pgina del feed de entradas

7.7- Correo electrnico y mvil

23

7.8- Open ID

7.9- Permisos
Tiene estas opciones:
Aadir autores al blog.
Dar permisos de lectura del blog
(cualquiera, slo usuarios que yo elija,
nicamente autores del blog).

24

8 - Diseo

La pestaa de Diseo tiene tres opciones:

Elementos de pgina, que estamos viendo
en esta diapositiva.
Edicin HTML.
Diseador de plantillas.

25

8.1- Elementos de pgina

En esta opcin, en la que vemos un esquema de nuestro
blog, podemos aadir y organizar distintos elementos a la
pgina y editar la cabecera (ttulo, subttulo, imagen).

Los gadgets son elementos prediseados que

podemos aadir a distintas zonas de nuestro blog
(columna lateral, bajo la cabecera o al pe de la
pgina). A travs de ellos podemos colocar en
nuestro blog archivos, etiquetas, buscadores,
textos, imgenes, cdigos htlm, seguidores,
noticias, juegos, etc.

Podemos variar su situacin dentro de un

elemento arrastrndolo con el ratn.
26

8.2- Edicin html

Al pulsar sobre la opcin Edicin de Html de la pestaa
Diseo 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- Diseador de plantillas

Con el Diseador 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 fotografas, Diseo, 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.

27

9 - Monetizar

A travs del servicio AdSense podremos obtener beneficios con las visitas que tengamos en nuestro blog
incluyendo publicidad en l.
28

10 - Estadsticas
En la pestaa Estadsticas blogger
nos ofrece una rica informacin
sobre nuestro blog. Esta informacin
esta clasificada a travs de las cuatro
opciones que tenemos:
Visin general. Nos ofrece el nmero
de pginas de nuestro blog que han
sido visitadas hoy, en esta semana,
en este mes o el total, as como sus
grficas
Pblico. Nos muestra un mapa en el
que vemos el origen geogrfico de
nuestros visitantes.
Entradas. Nos dice qu entradas de
nuestro blog son las ms visitadas y
el nmero de visitas que ha tenido
cada una de ellas.
Fuentes del trfico. Nos muestra el
origen de las fuentes en las que
nuestras visitas han enlazado con
nuestro blog, buscadores, enlaces,
etc.

29