CREAR UN BLOG

Abrir una cuenta en Blogger

Blogger es uno de los servicios de blog ms usados por las personas en internet, ya que tiene la ventaja de
enlazarse con todas las herramientas de Google.

Pasos para crear una cuenta en Blogger

Paso 1:
Ingresa a la pgina web: http://blogger.com. Si ya tienes una cuenta creada en Gmail, Youtube o algunos de
los servicios de Google, slo tienes que escribir en los campos de Inciar sesin tu nombre de usuario y
contrasea. Pide a tu educador/a estas claves.

Paso 2:
Cuando ests all, haz clic en el botn Crear cuenta de la parte superior derecha.

Ahora que ya tienes tu cuenta en Blogger, te sorprender lo fcil que ser iniciar tu blog en l. Pon en
prctica estos sencillos pasos.

Pasos para crear un blog en Blogger

Paso 1:
Cuando ests en la pgina principal de tu cuenta de Blogger, haz clic sobre el botn Nuevo blog de la parte
superior.

Paso 2:
Vers que aparece una nueva ventana con varios campos. En el campo Ttulo escribe el nombre que le dars
a tu blog.

Paso 3:
En el campo Direccin escribe cmo quieres que sea la URL de tu blog en internet. Si aparece un cuadro
amarillo de alerta, es porque la direccin ya est siendo usada por otra persona.

Paso 4:
Luego debers seleccionar uno de los diseos de plantilla que aparecen en la parte central. No te preocupes
si no puedes verlo en detalle; despus podrs cambiarlo o modificarlo

Paso 5:
Finalmente, haz clic sobre el botn Crear blog y listo! Tu blog ha sido creado as de fcil.

Recorrido por el Panel de Control de Blogger.

En la pantalla principal del panel de control tienes un resumen de las pginas vistas, actualizaciones, noticias
blogger, etc.
Todo esto es un resumen de lo que ocurre en tu blog.
Esta parte a la que llamamos panel de control (Backend) es la sala de mquinas desde donde se controla y
crea todo el blog.
Antes de continuar indicarte que en todo momento puedes ver cmo va quedando tu blog haciendo clic en
ver blog.

Si no llegas a ver esta opcin, es posible que la est tapando una ventana informativa sobre las Cookies.
Acepta ese mensaje y se quitar.
Y esta sera la presentacin de mi blog de prueba:

En el panel de control de Blogger tienes opciones como:

Entradas: desde aqu podrs escribir tus artculos. Las entradas o post es el contenido dinmico de tu
blog.

Pginas: para escribir todas las pginas de tu blog. Se utilizan para crear contenidos ms estticos. Por
ejemplo, la pgina de contacto.

Comentarios: es el panel de gestin de todos los comentarios que realizan tus visitas. Desde aqu
podrs responder y gestionarlos de una manera muy sencilla.

Google +: presta atencin a este apartado porque google valora mucho que tu perfil est vinculado a
tu blog.

Estadsticas: para controlar las visitas que recibes. Es importante para ver la evolucin de tu blog.

Campaas: para crear campaas de publicidad de Google Adwords y salir en los primeros resultados
de Google.

Diseo: desde esta pestaa puedes configurar las posiciones y reas de tu blog.

Plantilla: Puedes seleccionar los colores y la esttica de tu blog tantas veces como quieras.

Configuracin: conviene que este apartado lo configures segn tus preferencias.

Cambiar el diseo de tu blog

.

1. Entra en el panel de control de Blogger

2. En el men de la izquierda, haz clic en Plantilla.
3. Debajo de "El blog ahora", haz clic en Personalizar.
4. Escoge una plantilla en el carrusel de arriba. Debajo del carrusel tienes una vista previa, donde se muestra
cmo quedara tu blog.

5. Con el men de la izquierda puedes personalizar el fondo, ajustar las anchuras, el diseo y otras opciones
de configuracin.
6. Para que entren en vigor tus cambios, haz clic en Aplicar al blog (arriba a la derecha).
Si prefieres borrar tus cambios, haz clic en El blog ahora.

Creacin y edicin de entradas:

Este es la ventana para la creacin y edicin de entradas. Aqu podrs redactar y editar a tu gusto tu
entrada. En el cuadro grande escribes lo que quieres publicar, ms adelante ampliaremos todas las opciones
de este apartado. En el otro cuadro estn las opciones de configuracin para las entradas:

[Etiquetas]: Es importante que tu entrada siempre contenga etiquetas o categoras, esto es para tener el
contenido de una forma ordenada y facilitar al lector la bsqueda de informacin en tu blog.

[Programar]: Aqu puedes establecer una fecha y hora para que tu post se publique, si no deseas
programarlo deja este cuadro en blanco y solo ve a la opcin 'Publicar' Que aparece en el men de arriba.

[Enlace permanente]: Aqu puedes modificar el enlace que blogger asigna automticamente a tu post.

[Ubicacin]: Aqu agregas la ubicacin desde donde ests.

[Opciones]: Aqu se muestran opciones un poco ms avanzadas, sobre los comentarios, el modo de
redaccin y otros.
Cuando hayas terminado de redactar tu entrada de prueba puedes dar clic en 'Publicar'.

Bien, ya has creado tu primera entrada o post. Y esta es tu lista de entradas, en ella aparecen todos los post
o borradores que tengas, tambin te muestra el nmero de comentarios y el nmero de visitas que ha
recibido tu entrada.
Ahora da clic en la opcin 'Ver' debajo del nombre del post para verlo.

Y con esto ya tienes tu post o entrada de prueba publicada.

Haz tu primer artculo en Blogger

Puedes crear artculos en Blogger en muy poco tiempo. Ten en cuenta que para el sistema los artculos son
denominados Entradas.

Pasos para crear artculos en Blogger

Paso 1:
Despus de haber creado tu blog, aparecer en la pgina principal de Blogger el nombre que le diste en la
parte superior. Haz clic all.

Paso 2:

Se desplegar una nueva pgina con la informacin de tu blog. En la parte superior, haz clic sobre el cono
en forma de lpiz.

Paso 3:
Aparecer la pgina de edicin de artculos donde podrs escribir y editar el texto, configurar las etiquetas,
aadirle fotos y publicarlo.

Incluir contenidos en una entrada

La inclusin de texto en las entradas del blog resulta sencilla porque se hace como en los procesadores de
texto (Microsoft Word, Worpad, etc). Una vez pulsamos los botones para crear una nueva entrada,
aparece el formulario para elaborarla. En el centro tenemos el editor donde se escribe el texto y se insertan
otros elementos como 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.
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 clasifican las
entradas. Estas etiquetas otags, 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.
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.

Men de edicin de entradas:

Veamos ahora el men de edicin. En esta imagen vemos el men edicin y hemos indicado cuales son
sus botones:

Veamos ahora cuales son los botones y para qu sirven:

Modo de escritura: Normalmente lo dejaremos en modo "Redactar". El modo HTML sirve para escribir
directamente en cdigo HTML.
Deshacer y Rehacer: Para volver atrs o ir adelante en las acciones que se pueden realizar con el resto de
botones.
Fuentes: Selecciona el tipo de letra o "fuente" que se va a usar.
Tamao: Para el tamao de letra.
Ttulos y prrafos: Se elige para cada bloque de escritura si este ser un titulo o un prrafo. Existen cuatro
niveles: Encabezado, subencabezado, encabezado secundario y prrafo.
Negrita: para poner el texto en negrita (letra gruesa).
Cursiva: para poner el texto en letra cursiva (inclinada).
Subrayado: para subrayar el texto.
Tachado: Para tachar el texto.
Color texto: Para cambiar el color del texto.
Color fondo: Para cambiar el color del fondo del texto.
Enlaces y multimedia: Para insertar enlaces, imgenes o vdeo en la pgina. Veremos esto detenidamente
ms adelante.
Salto de lnea: Introduce un desplegable en la entrada de "Ms informacin". La entrada slo se ver hasta
antes del desplegable, y al final aparece el botn de "Mas informacin", al pulsar sobre l se ver el resto de
la entrada.
Alineacin: alineacin del texto en la pgina, esta puede ser a la izquierda, a la derecha, centrada o
justificada.
Listas: Para insertar una lista en la pgina. El primer botn inserta una lista normal, y el segundo una lista
numerada.
Cita: Pone al texto un tipo especial de formato llamado cita.
Borrar Formato: Para quitar el formato que hemos puesto al texto.
Comprobar ortografa: Para comprobar la ortografa del texto y poder cambiar lo que tengamos mal.
Con estos botones podemos controlar la edicin del texto y el formato que ste tiene que tener.

Insertar una imagen en una entrada de Blogger

Si queremos insertar una imagen, hacemos clic en el icono de aadir imagen, destacado con un crculo rojo
en la siguiente imagen:

Y entonces aparece una ventana emergente, como se ve en la siguiente imagen, donde tenemos un men a
la izquierda que nos permite elegir una imagen desde nuestro blog, desde uno de nuestros lbumes de
Picasa o desde un documento web con su direccin URL. Muchos no saben que cada vez que incluimos una
imagen en nuestro blog, queda guardada automticamente en un lbum de Picasa que lleva el nombre de
nuestro blog.

En principio, lo ms habitual es subir la imagen desde nuestro disco duro, que es la opcin inicial:

1.
Primero, pulsamos el botn Elegir archivos para buscar la imagen en nuestro disco duro.
2.
Una vez subida la imagen, aparece en tamao pequeo. Para incluirla en el editor del blog
podemos hacer doble clic sobre ella o pulsamos el botn Aadir imgenes seleccionadas.

Cuando hacemos clic en la imagen, aparece junto a ella una etiqueta superpuesta de color azul que incluye
las opciones, como podemos ver en la siguiente imagen:

Haciendo clic en las opciones, podemos elegir el tamao que queramos para la imagen, y tambin
podemos alinearla en el documento. Si la alineamos a la izquierda o a la derecha de un prrafo, conviene

que la imagen sea pequea para que no quite mucho espacio al texto. Pero, por lo general, lo ms
aconsejable es centrar las imgenes en el documento. Por ltimo, est la posibilidad de incluir un texto
como pie de foto en la opcin Aadir leyenda.
Cuando una imagen se inserta dentro de una entrada del blog, el editor la reduce, y permite elegir
entre cuatro tamaos, adems del tamao original. Casi siempre es aconsejable dejarla al tamao original si
ya la hemos ajustado con un programa adecuado antes de subirla. Si el tamao es mayor que el de la
imagen, sta se ve un tanto borrosa y pixelada, con lo cual es mejor elegir un tamao ms reducido. Adems,
hay que tener cuidado porque el tamao Extra grande crea imgenes que puede que no se vean enteras si
superan la anchura del diseo de la entrada, o pueden invadir el lateral del blog.

Cmo incluir elementos multimedia en Blogger

En Blogger se pueden incluir muchos elementos multimedia. Generalmente, los gestores de blogs, es decir,
las aplicaciones que como Blogger nos permiten crear blogs, que tienen incorporadas algunas opciones con
las que introducir, por ejemplo, un vdeo simplemente seleccionndolo en YouTube:

Vdeo de YouTube seleccionado para ser incrustado en el blog de Blogger

Pero tambin podemos incrustar el vdeo en nuestro blog pegando en una entrada el cdigo necesario para
verlo all mismo.

Vamos a ver cules son los pasos que se siguen habitualmente para realizar esto, y lo haremos con un
ejemplo para traer un vdeo de YouTube y publicarlo en nuestro blog.

Cmo incluir un vdeo de Youtube en el blog mediante cdigo

-

Vamos a la pgina donde se publican los vdeos; en este caso, YouTube. Elegimos un vdeo que nos
guste y hacemos clic encima de l para ir al documento individual donde aparece ese vdeo.
All veremos, debajo del vdeo, el enlace Compartir, con el que tenemos varias opciones, y una de
ellas es Insertar. Si hacemos clic en esta palabra, se abre un recuadro que incluye el cdigo HTML del

vdeo y una serie de opciones para personalizar el tamao del reproductor, entre otras. (En algunos
sitios hay que utilizar el cdigo de insercin antiguo).
-

Ahora tenemos que realizar lo siguiente: hacemos clic encima de ese recuadro, y el cdigo se
marcar si no estaba ya marcado. Despus, sin mover el cursor de all, hacemos clic en el botn
derecho del ratn y elegimos la opcin que nos permite copiar ese cdigo en la memoria del
sistema.

Por ltimo, abrimos una nueva entrada en nuestro blog, y pegamos el cdigo en la parte de Edicin
de HTML del editor de textos, como se ve en la imagen.

Si vemos el vdeo desde la seccin Redactar del editor, nos aparecer un cuadro con la palabra OBJECT, pero
si lo vemos haciendo clic en la Vista previa, apreciaremos cmo quedar insertado en nuestra entrada del
blog.

Cmo agregar un Gadgets a Blogger

Los Gadgets, son aplicaciones que puedes agregar a tu blog principalmente en la barra lateral. Los Gadgets
pueden ser: contadores, fotos, juegos, redes sociales o aplicaciones que te dejan chatear. Algunos Gadgets
de Blogger sirven para atraer personas a tu blog, o colocar una lista de participantes o seguidores.
1. En el panel de edicin de tu blog haz click en el botn de diseo (Layout en ings)

.
2.

En la seccin de diseo selecciona la opcin Diseo, se abrir una pgina. Haz click en Aadir
un Gadget.

3. Escoge un Gadget. Se abrir una ventana en la que aparecer una lista de Gadgets que puedes
escoger en Blogger. Puedes buscarlos por nombre, especificaciones, categoras (Gadgets bsicos,
especiales, populares, y Gadgets desarrollados por otras personas.

4. Agrega el Gadget a tu blog. Una vez que hayas encontrado el Gadget que quieres agregar slo
debes hacer click en el botn azul +.
Cambia los cambios. Una vez que hayas terminado de agregar todos los Gadgets que te interesan debes
hacer click en Guardar disposicin.

Consejos

Cada vez que uses un nuevo Gadget este aparecer en la parte superior de Blogger, por encima de los dems
Gadgets. Puedes cambiarlos de lugar.

Debes asegurarte de que los tamaos de los Gadgets sean los correctos. Puedes cambiarlos haciendo click en
Diseador de plantillas.

OTRAS OPCIONES INSERTAR EN NUESTRO BLOG

Google nos permite utilizar todas sus aplicaciones para insertar en nuestro blog. Hemos destacado algunas
aplicaciones que te pueden resultar interesantes para publicar entradas en tu blog.

Google Maps: Insertar un mapa

Google Maps te permite insertar en tu blog un mapa bsico, una imagen de Street View, indicaciones sobre
cmo llegar en coche o bsquedas.
Si se inicia sesin en Google, tambin puedes ver tu casa y tu colegio, tus sitios guardados y otra informacin
en el mapa.
Obtener el cdigo
1.
2.
3.
4.
5.

Abre Google Maps.

Asegrate de que el mapa o la imagen de Street View que quieras insertar aparezca en el mapa.
En la esquina superior izquierda, haz clic en el men principal.
Haz clic en Compartir o insertar el mapa.
En la parte superior del cuadro que aparece, selecciona la pestaa Insertar mapa.

6. Selecciona el tamao que quieras y, a continuacin, copia el cdigo y pgalo en el cdigo fuente de tu
blog.
Nota: Si ests usando Maps en el modo bsico, no podrs insertar un mapa.
Recuerda copiar el cdigo del mapa en el botn de Edicin HTML de tu entrada.

Aadir un calendario: Google Calendar

Puedes aadir a tu blog una versin interactiva de tu calendario, con unos botones para que tus visitantes se
puedan guardar los eventos de tu calendario directamente.

Incrustar un calendario en tu blog

1. Abre Google Calendar en un ordenador.
2.
3.
4.
5.
6.

Arriba a la derecha, haz clic en Configuracin

> Configuracin.
Abre la pestaa Calendarios.
Haz clic en el nombre del calendario que quieras incrustar.
Copia el cdigo de iframe que aparece en el apartado Incrustar este calendario.
Abre el editor de entradas o Gadgets de tu blog y pega este cdigo en el lugar donde quieras que
aparezca tu calendario. Es ms comn utilizarlo en el men de Gadgets, pero si decides publicar una
entrada con tu calendario, recuerda copiar el cdigo en la pestaa de Edicin en HTML

Personalizar tu calendario incrustado

1. Abre Google Calendar en un ordenador.
2. Arriba a la derecha, haz clic en Configuracin
3.
4.
5.
6.

> Configuracin.

Abre la pestaa Calendarios.

Haz clic en el nombre del calendario que quieras incrustar.
En el apartado Incrustar este calendario, haz clic en Personaliza el color, el tamao y otras opciones.
Elige tus opciones y copia el cdigo HTML que aparece.

7.

Abre el editor de tu blog y pega este cdigo en el lugar donde quieras que aparezca tu calendario .

Insertar presentaciones de fotografas Picasa

Picasa es otra herramienta de Google que nos permite crear lbumes de fotografas. Para insertar una
presentacin de imgenes de cualquiera de nuestros lbumes de Picasa en un Blog, slo tendremos que
seguir los siguientes pasos:

Entramos en Picasa y pinchamos en el lbum que deseemos insertar y en la zona derecha de la ventana
donde nos encontramos, hacemos clic sobre enlazar este lbum

Se nos despliegan unas opciones, ah pinchamos en Incrustar proyeccin de diapositivas:

Se nos abrir una ventana, en la cual podemos elegir: el tamao de la imagen, si deseamos que aparezcan
los ttulos y el tipo de reproduccin, si deseamos que sea automtica o que sea la persona que visita nuestro
sitio la que la active:

Si nos fijamos hay una zona en amarillo, ese es el cdigo HTML el cual seleccionaremos, copiaremos
(CTRL+C) y pegaremos (CTRL+V) en el lugar de la entrada o Gadget en la que deseemos aparezca la
presentacin en nuestro blog. Recuerda que para pegar este cdigo en una entrada siempre tendrs que
pegarlo en el botn de Edicin HTML

La presentacin que hemos incrustado se actualizar de forma automtica si aadimos o eliminamos fotografas del
lbum que hemos incrustado.

Otras aplicaciones
Adems de Google, existen otras opciones que puedes insertar en tu blog. Un ejemplo de lo que te puede
interesar, es insertar juegos en tu blog. Hay muchas pginas de juegos HTML que te permiten insertar juegos
en Blogger. Por ejemplo, hay una pgina muy famosa, llamada minijuegostop.com, donde, a la hora de jugar
a un juego, en la esquina superior derecha te pondr una opcin que dice: Poner este juego en un blog.
Al clickear en esa frase, se te abrir una pestaa, con el juego, y dos cdigos.

Seleccionas nueva entrada y en la pestaa edicin de HTML introduces el cdigo. En el cuadrado del ttulo
escribes el del juego (o le puedes poner el ttulo que tu quieras, no te preocupes, el juego ser el mismo), le
das a guardar y se publicar en tu blog.
Los juegos quedarn en tu blog de la siguiente forma:

Ya eres todo un experto/a en Blogger, ahora puedes investigar otras aplicaciones o enlaces que quieras
publicar en tu blog.