06 creacion de un blog con blogger

1

Ing. Miguel Arias

Índice

1. Crear una cuenta Gmail.2. Vamos a crear un Blog con Blogger.3. El blog por dentro.4. Gestionando el blog.5. Entradas y páginas.

5.1 Nueva entradaPoner un enlace.Insertar una imagen. Insertar un video.

5.2 Editar entradas5.3 Crear páginas.

6. Comentarios.7. Configuración.

7.1 Básico7.2 Publicación7.3 Formato7.4 Comentarios7.5 Archivo7.6 Feed del sitio7.7 Correo electrónico y móvil7.8 Open ID7.9 Permisos

2

8. Diseño8.1 Elementos de la página8.2 Edición html8.3 Diseñador de plantillas

9. Monetizar10. Estadística

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éisacceso a la creación de blogs gratuitos en Blogger, sino a otros muchos servicios que os pueden ser de granutilidad para vuestro blog (Youtube, Picasa, Docs, etc).

Pulsar sobre Crear una cuenta

1

1- Crear una cuenta en Gmail

Sigue estos pasos:

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

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

2

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

4

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

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 seguimiento de

otros blogs, podrás leer sus

últimas entradas

Área de gestión del blog. En las páginas

siguientes hablaremos de esta

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 deInicio, que es dinámica, es decir, cada vezque publicamos una entrada, éstadesplaza hacia abajo a las otras.

• Las páginas, excepto la de inicio, son estáticas. Blogger nos permite crear 10. En ellas podemos colocar lassecciones 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 textoTítulo

Cuerpo de la entrada, en ella además del texto podemos incorporar imágenes y vídeos.

Opciones de entrada, pulsando sobre el

comando podremos autorizar o no los

comentarios, cambiar fechas, etc

Enlaces

Imágenes

VídeoCorrector ortográfico

Vista previaGuardar como borrador

Publicar entrada

Etiquetas. Introducimos aquellas palabras de la

entrada que nos servirán para encontrarla después.

10

Hacer un enlace en una entrada

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

Tanto en uno u otro casomarcaremos con el ratón eltexto que queremos enlazar o laimagen y luego pulsamos sobreel menú Enlace.

En algunas versiones de bloggeren lugar de aparecer el menúEnlace, nos aparecerá un iconocon dos eslabones encadenados

21/10/10

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

1. Dirección web. Copiaremos allí la dirección del lugar donde queremos enlazar.

2. Dirección de correo electrónico. Si introducimos en él nuestro correo electrónico, al pulsar el enlace se abrirá una ventana para escribir en ella y que el mensaje sea remitido a nuestra dirección.

Finalmente solo nos queda pulsar sobre aceptar

Insertar una imagen en una entrada

En primer lugar pondremos el cursor en ellugar donde queremos insertar la imagen.Después pulsamos sobre el cono de insertarimagen y se nos abrirá una nueva ventana.

Insertar imagen

En la nueva pestaña encontraremos variasopciones para seleccionar el origen de la imagen:

1.Elegir una imagen que tengamos en nuestroequipo.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 añadiendo la imagen

13

Si pulsamos sobre la imagen que acabamosde insertar se nos abrirá un cuadro dediálogo en el que podremos elegir entre 4tamaños para ésta o el lugar dondeposicionarla (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 queremosponer el vídeo y pulsamos sobre el icono deInsertar vídeo

Se nos abrirá un a ventana en la que tenemos la opción Seleccionar video para subir . Una vez hemos elegido el vídeo 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 queremosponer en el blog. Allí buscamos el comando Insertar ypulsamos sobre él. Se nos abrirá un desplegable dondepodremos elegir las opciones que queremos paranuestro video.

Es importante elegir un tamaño que no sea demasiadogrande para nuestro blog, yo os recomiendo la opción425 x 344 px.

Una vez establecidas las opciones elegidas copiaremosel código del video que nos aparecerá en azul. Estecódigo está escrito en lenguaje html

Opciones del vídeo

Código htlm

Insertar

15

Vamos a nuestro blog y abrimos la entradaen la que queremos insertar el vídeo.

Pulsaremos sobre la pestaña Edición htmlya que el código esta escrito en estelenguaje. Pegamos el código.

Si luego pasamos al editor de textopulsando sobre la pestaña Redactar,veremos que el vídeo aparece como unrectángulo gris en el que no vemos lasimágenes.

Para saber si el video está bien colocadopodemos pulsar sobre la opción Vista previa.

Si todo está como queremos podemos yapublicar la entrada.

16

5.2- Editar entradas

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

17

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 sonestáticas y que por tanto destinaremos a contenidos que queremos conservar en un sitio fijo. Blogger nospermite añadir 10 páginas.

Al pulsar sobre Página Nueva se nos abrirá unaventana similar a la que nos aparece en Nuevaentrada. Las opciones son las mismas, salvo queen este caso no necesitaremos poner Etiquetas,ya que las páginas se encontrarán con facilidad.

Las páginas que ya hemos editado lasencontraremos en Editar páginas, y tendrán 3opciones: Editar, Suprimir, Visualizar.

Es importante que añadamos el gadget Lista depáginas que veremos más adelante

18

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 hemoselegido en Configuración la opciónmoderar comentarios, podremoshacerlo desde aquí.

- Spam. Además de aquelloscomentarios que nosotros podemosmarcar como spam, blogger nosofrece un servicio por el cual yaelimina todos aquellos comentariosque detecte como spam.

19

7 - Configuración

7.1- Básico

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

Nos ofrece las siguientes posibilidades:

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

20

7.2- Publicación

7.3- Formato

Esta opción nos sirve para cambiar nuestra URL (dirección web) por un dominio personalizado.

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…

21

7.4- Comentarios

7.5- Archivos

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…

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

22

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

23

24

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

25

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.

26

8.1- Elementos de página

En esta opción, en la que vemos un esquema de nuestroblog, podemos añadir y organizar distintos elementos a lapágina y editar la cabecera (título, subtítulo, imagen).

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

Podemos variar su situación dentro de unelemento arrastrándolo con el ratón.

27

8.2- Edición html

Al pulsar sobre la opción Edición de Html de la pestañaDiseño nos aparecerá la plantilla de nuestra web eneste lenguaje sobre la que podremos hacer cambios, esrecomendable realizar una copia de seguridad por sinos equivocamos y queremos restaurar la plantilla.

8.3- Diseñador de plantillas

Con el Diseñador de plantillas podremos cambiar ypersonalizar la apariencia de nuestro blog. Presenta lasopciones de Plantillas donde tendremos varios tipos deéstas para elegir, Fondo, podremos variar los colores delfondo o poner fotografías, Diseño, podremos organizarlos elementos del blog (numero de columnas, ancho deéstas, etc) y Avanzado, que nos permitirá elegir tipo ycolor de letra, color de ventana, color de gadget, colorfecha, etc.

28

9 - Monetizar

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

29

10 - Estadísticas

En la pestaña Estadísticas bloggernos ofrece una rica informaciónsobre nuestro blog. Esta informaciónesta clasificada a través de las cuatroopciones que tenemos:

Visión general. Nos ofrece el númerode páginas de nuestro blog que hansido visitadas hoy, en esta semana,en este mes o el total, así como susgráficasPúblico. Nos muestra un mapa en elque vemos el origen geográfico denuestros visitantes.Entradas. Nos dice qué entradas denuestro blog son las más visitadas yel número de visitas que ha tenidocada una de ellas.Fuentes del tráfico. Nos muestra elorigen de las fuentes en las quenuestras visitas han enlazado connuestro blog, buscadores, enlaces,etc.