Ing.

Miguel Arias
1

ndice
1. 2. 3. 4. 5. 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

6. 7.

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

Ttulo

Editor htlm

Editor de texto

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

Enlaces Imgenes

Vdeo

Corrector ortogrfico

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.
2.

Direccin web. Copiaremos all la direccin del lugar donde queremos enlazar.
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

Seleccionar video para subir

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).

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