Está en la página 1de 23

Web 2.

0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
1









Qu es Blogger?

Blogger es un servicio creado por Pyra Labs y posteriormente adquirida por Google para crear y publicar
una bitcora (blog) en lnea. El usuario no tiene que escribir ningn cdigo o instalar programas de servidor
o de scripting. Blogger acepta para el alojamiento de las bitcoras su propio servidor (Blogspot). Es una
excelente herramienta para que el profesor comparta contenido: recursos online (en lnea, en internet),
presentaciones, reflexiones! Tambin es una excelente herramienta para que el alumno tenga su bitcora
personal o cuaderno digital en el que publique sus creaciones, recursos que refuerzan su aprendizaje!


Qu hay que hacer para tener una cuenta Blogger?

Si tenemos una cuenta Blogger, tendremos la posibilidad de tener cuantos blogs queremos, siempre
editables desde el mismo panel de control o cuenta Blogger.

Si vamos a la pgina de Blogger: https://www.blogger.com/ nos indicar que iniciemos sesin de cuenta
Google. Si no tenemos una cuenta Google damos a AADIR CUENTA y ah podremos dar al botn para
crearnos una cuenta de GOOGLE.























Si an no tenemos una cuenta de Google, que nos proporcionar servicios como correo Gmail,
almacenamiento en la nube con Drive, adems de muchas ms servicios, el formulario que nos saldr es el
siguiente:






Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
2


Los pasos a seguir son:

Rellenar nuestros datos
Asignar un nombre al blog.
Elegir una plantilla.

De los datos que nos piden en la creacin, os
recomiendo que los guardis en algn lugar para no
olvidarlos.

Es interesante saber que NOMBRE es el que aparecer
como firma cuando hagamos una entrada en nuestro
blog.

La recuperacin de la contrasea, por si se nos olvida,
Google la hace a un correo alternativo o a un telfono
mvil.

Recordad que debis de aceptar las condiciones.

Si entris con la cuenta de Google los pasos sern los
mismos a diferencia del primero que lo llaman
REGISTRARSE EN BLOGGER y en el que slo tenemos
que confirmar el NOMBRE y Aceptar las condiciones.
El segundo y tercer paso en comn.


En la pantalla interna de Blogger, que es la pantalla de
configuracin y es la que aparece cuando accedemos a
nuestro servicio Blogger, aparecen tanto los blogs que
tenemos creados, en la funcin ESCRITORIO; como
nuestro perfil, que podemos editar en cualquier momento
(Editar Perfil); como una lista de LECTURA DE BLOGS,
que nos informa al acceder de los ltimas entradas que
se han producido en los blogs que seguimos (Aadir).








Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
3



Aqu vemos la seccin de ESCRITORIO y el botn de NUEVO BLOG.





Cmo utilizar Blogger como lector de blogs


En la LISTA DE LECTURA podremos AADIR la URL del blog que queremos seguir y si es una pgina
web la URL del Feed (buscar el smbolo naranja en la web ).



Slo tenemos que aadir la direccin o URL de ese blog en la pestaa AADIR DE LA URL.


Podemos seleccionar si seguimos ese blog de forma pblica o de forma privada.



Cmo crear un blog en Blogger

Damos al botn NUEVO BLOG y rellenamos los dos datos que nos piden: Ttulo del blog y Direccin del
blog, por ltimo elegimos plantilla del blog y damos al botn CREAR BLOG.



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
4




El Ttulo del blog puede ser cualquiera.

El Direccin del blog es la direccin de nuestro blog y no puede repetirse. Tiene que estar en minscula,
no escribir caracteres no ASCCI (las tildes, la y los espacios no estn permitidos). Y tenemos que
comprobar que est disponible (no puede haber dos iguales). Si lo est, no olvidis apuntar la direccin
de vuestro nuevo blog.

El ltimo paso para tener un blog es elegir una plantilla, que se puede cambiar en cualquier momento.


Ttulo y domino pueden ser distintos. No os recomiendo la primera plantilla, es la dinmica y no es buena
para empezar.

Ya tenemos un blog que podemos visitar en la direccin de nuestro blog. En este caso:




http://webdospuntoceroenelaula.blogspot.com.es


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
5


Cmo configurar nuestro blog

Lo primero que recomiendo es que se haga una buena configuracin de opciones y de diseo del blog.
Estas cambios se suelen realizar el primer da y excepcionalmente si queremos hacer algn cambio de
configuracin.

Para hacer los cambios en la configuracin hay que ir a la pgina de inicio de Blogger:
http://www.blogger.com/home, hacer doble clic en el ttulo del blog que queremos configurar y ah hay que
ir al apartado CONFIGURACIN.



CONFIGURACIN:

A la vez, configuracin se divide en varias secciones. Vamos a verlas una a una y a destacar lo ms
interesante. Al estar en castellano y tener todos los puntos Ayudas, no tendramos ningn problema si lo
furamos leyendo poco a poco y configurndolo a la vez.

LO BSICO:



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
6


Ttulo: Desde aqu se puede cambiar el cualquier momento el ttulo que hemos puesto al blog.

Descripcin: Aqu podemos poner una descripcin de no ms de 500 caracteres explicando el blog. No es
obligatorio. Los datos esenciales u obligatorios ya nos lo han pedido a la hora de crearlo.

Privacidad:

Quieres aadir tu blog a nuestras listas?: Si queremos que aparezca en la lista de blog de
Blogger.
Quieres permitir que los motores de bsqueda encuentren tu blog?: Si quieres o no que
aparezca en un programa de bsqueda como puede ser Google. Si decimos que no, slo llegarn a
l a los que digamos la direccin o url, que es lo que tenemos que decir. Recordad en este caso:
http://webdospuntoceroenelaula.blogspot.com.es/

Direccin del blog: Aqu cambiaremos la direccin de nuestro blog por otra, si est disponible.

Autores del blog: Podemos crear un blog en el que publiquen nuestros compaeros o alumnos. Nosotros
seramos los administradores del blog y ellos seran los autores del blog.

Un administrador tiene acceso total al blog. Puede hacer cambios en el diseo y la configuracin; crear,
editar y borrar cualquier entrada y cualquier comentario.

Un autor no tiene acceso a la configuracin. Puede crear, editar y borrar sus entradas o los comentarios a
sus entradas.

Para crear autores slo tenemos que hacer clic en AADIR AUTORES y escribir las direcciones separadas
de comas o cogerlas de nuestros contactos de Gmail.

Podemos hacer que una autor sea administrador de nuestro blog.

Lectura del blog: Aqu decimos quien puede ver y leer nuestro blog.

Cualquiera: cualquiera puede acceder a nuestro blog. Siempre que tenga la url o direccin o la
haya encontrado en un buscador si lo configuramos as.
Slo a los usuarios que yo elija: slo podrn leerlo los usuarios que yo elija, pero antes tendrn
que identificarse que son ellos. Es interesante cuando queremos proteger el contenido de nuestro
blog.
nicamente autores del blog: los autores sern los nicos que puedan ver el contenido, previa
identificacin.

Un blog puede estar abierto o pblico y pasar a cerrado o privado con un solo clic en estas opciones.


Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIN.














Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
7


ENTRADAS Y COMENTARIOS:





Mostrar un mximo de: Aqu indicaremos cuantas entradas por pgina queremos mostrar.

Plantilla de las entradas: Aqu indicaremos un texto si siempre que vayamos a escribir en una entrada, lo
usamos. No es muy usado.

Mostrar imgenes con Lightbox: Es una forma de ver las imgenes. Recomendable que s.

Ubicacin de los comentarios: El lugar donde queremos que aparezca la ventana de comentarios.

Quin puede comentar?: El ms aconsejable es Cualquiera.

Moderacin de comentarios: Se especifica cuando se moderan los comentarios. Si se habilita siempre
aparece una ventana para poner un correo y que Blogger te avise de que existe un comentario a moderar.

Mostrar verificacin de palabras: Recomiendo que no, si moderas comentarios, recomiendo s , si no los
moderas.

Mostrar Backlinks: Enlaces en los lugares que comparten esa entrada.

Mensaje del formulario de comentarios: Si queremos dejar un texto que lea quien vaya a hacer un
comentario.


Hay que GUARDAR CONFIGURACIN (arriba a la derecha).




Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
8

MVIL Y CORREO ELECTRNICO:


Publicar entradas mediante correo electrnico: Una de las opciones ms interesantes que tiene Blogger
es que permite que personas que no tengan acceso a la configuracin de nuestro blog puedan publicar en
l, con nuestro permiso. Interesante opcin si queremos hacer un blog colaborativo y que distintas personas
sean las que publiquen en l mandando un correo electrnico.

correo571.secretWords@blogger.com
correo571.publicar@blogger.com

El proceso es el siguiente:

Tenemos una direccin de correo incompleta que nos pide rellenemos con una palabra
secreta. Una vez que hayamos puesto esa palabra secreta, en mi casa publicar, esa
direccin se la damos a las personas que queramos que publiquen en nuestro blog y que no
tienen acceso a l.
Esa persona tendr que mandar un mail a esa direccin y el Asunto del mensaje ser el
Ttulo de la entrada. El Texto del mensaje ser el Texto de la entrada. Y el Adjunto que
mande, por ejemplo una fotografa, ser la fotografa que aparecer en la entrada.

Slo nos queda configurar si esa entrada se publicar:

Inmediatamente.
O se guardar como borrador de entrada para que luego nosotros lo aprobemos.

Correo para notificar los comentarios: Podemos escribir hasta 10 direcciones de correo que recibirn un
correo cada vez que alguien deje un comentario en nuestro blog.

Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIN.



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
9

IDIOMA Y FORMATO:




Idioma: Idioma del blog.

Habilitar transliteracin: Dejar inhabilitada.

Zona horaria: No olvidar configurar en nuestra zona horaria.

Formato de cabecera de fecha: Forma en la que deseamos ver la fecha de las entradas.

Formato de hora: Forma en la que deseamos ver la hora.

Formato de hora de los comentarios: Forma en la que deseamos ver la hora de los comentarios.


Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIN.




PREFERENCIAS PARA LOS MOTORES DE BSQUEDA:

Recomiendo dejar todo como est.







Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
10


OTROS:

Recomiendo dejar todo como est.



Lo ms interesante es:


Herramientas del blog: Desde aqu podemos importar otro blog en este, exportar este para instalarlo en
otro sitio (tambin lo podemos hacer como copia de seguridad) o eliminar el blog (no se elimina
inmediatamente).









Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
11

Cmo cambiar el diseo de plantilla del blog

Para cambiar el diseo del blog tenemos que ir a la pestaa PLANTILLA.


En PLANTILLA podemos hacer cuatro cosas:

Seleccionar otra de las plantillas ya configuradas.
Editar el cdigo HTML. Es decir editar nosotros el aspecto de esa plantilla, si sabemos el lenguaje
HTML o cargar una plantilla diseada por expertos.
O utilizar el Diseador de las propias plantillas de Blogger en PERSONALIZAR.
O cambiar la apariencia de la versin de nuestro blog para mviles.






Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
12
PERSONALIZAR:

Desde aqu podremos cambiar la PLANTILLA, el FONDO, el DISEO, los AJUSTES DE ANCHO y algunos
ajustes AVANZADOS.



Plantilla:

Escogemos una plantilla o luego una subplantilla. Siempre podemos ver cmo va quedando en la parte
inferior. Para guardar, tenemos que dar a APLICAR CAMBIOS.

Podemos volver en cualquier momento al escritorio de Blogger con el botn Volver a Blogger.








Fondo:

Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
13

Escogemos una imagen de fondo para nuestro blog y la gama de colores que va a tener.



Para seleccionar nuevos fondos o insertar el nuestro, tenemos que ir a la flecha de la derecha de la imagen
seleccionado en ese momento y se desplegar la galera.



Siempre seleccionamos y Finalizamos.

Diseo:

Aqu elegimos cual va a ser la apariencia del blog. Donde van a estar las columna con los complementos o
gadget y cmo va a ser el pie de pgina.



Es recomendable colocar la columna a la derecha, pues es donde suele ir la mano de la mayora de
nuestros visitantes (hay ms diestros que zurdos).

No olvidis siempre APLICAR AL BLOG.

Ajuste de ancho:


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
14
Esta opcin configura el ancho de la zona de entradas y de la columna o columnas.



Avanzado:

En la opcin avanzado podemos hacer ajustes ms detallados de tipo de letra y colores. Recordad que
siempre los podemos previsualizar abajo.




Una vez hecho los cambios volvemos al escritorio con el botn VOLVER A BLOGGER


EDITAR HTML: (No recomendable para principiantes)

En la Edicin HTML podemos modificar los parmetros que queramos, si sabemos el lenguaje de
programacin HTML, o podemos cargar una plantilla diseada para Blogger que hayamos encontrado en
internet.





Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
15
Es recomendable, siempre que vayamos a hacer un cambio en el cdigo HTML del blog, hacer una
descarga de la plantilla completa.

Los cambios en el cdigo se haran en el recuadro con el cdigo. Siempre para ver cmo est quedando,
VISTA PREVIA, para deshacer cambios BORRAR CAMBIOS y para guardar los cambios GUARDAR
PLANTILLA.

Para cambiar la plantilla completa y darle un toque ms profesional o ms vistoso a nuestro blog iremos a
internet, buscaremos Plantillas para Blogger y despus de descargarla en nuestro ordenador (se descarga
en formato compromido *.rar o *.zip), descomprimirla y seleccionar archivo y subir.

Una pgina interesante con plantillas para Blogger es BTemplates: http://btemplates.com/ Esta pgina
tiene las plantillas organizadas por: nmero de columnas, colores, temas! Slo tendremos que buscar la
que ms nos guste, una vez seleccionada podremos ver como quedara con LIVE DEMO o descargar la
plantilla con DOWNLOAD.



En ocasiones los cambios de plantilla borran los GADGET de la pgina, pero nunca la informacin del blog.

Una vez descomprimido, el archivo a copiar y pegar en el cuadro de HTML sera el que tiene extensin
XTML, que es el fichero de la plantilla. Los otros suelen dar informacin de cmo hacer una buena
configuracin del blog. Copiaramos el cdigo HTML de ese fichero y los sustituimos por el cdigo de la
plantilla que nos ha proporcionado Blogger en su plantilla.


Esta es el nuevo resultado del blog despus de seleccionarlo y subirlo.






Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
16
Cmo agregar o quitar complementos a la pgina

Para cambiar los elementos que componen un blog tenemos que ir a DISEO.


DISEO:

El ltimo paso a la hora de configurar el diseo de nuestra pgina, es la opcin de elementos que queremos
que aparezcan en nuestra pgina. Esos elementos se llaman GADGET (herramientas) y los podemos
aadir o eliminar desde la opcin DISEO.


Por defecto aparecen suelen aparecer dos gadget que son: Archivos del blog (las entradas del blog
agrupadas por meses o como lo hayamos configurado), y Datos personales (los datos del autor del blog).

Todo gadget lo podemos editar o eliminar (eliminar aparece cuando lo editamos). Los gadget que aparecen
en una pgina son los que les guste al autor del blog. Son muy personales. Yo suelo recomiendo tres que
son esenciales en un blog.

Cuadro de bsqueda: Importante para que se puedan encontrar cualquier entrada dentro del blog.








Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
17
Etiquetas: Es importante que todas las entradas estn etiquetadas con un tema y que lo podamos
buscar rpidamente con el gadget de etiquetas. Blogger no permite hacer subcategoras o
subetiquetas (para eso es bueno Wordpress).





Listado de enlaces: Nos permite aadir enlaces a otros blog y web. Podemos agregar este gadget
tantas veces queramos, para organizar de esta forma los enlaces por grupos.






Cada gadget viene descrito para qu sirve, por lo tanto es interesante leer qu nos puede aporta al blog
dicho gadget o herramienta.

Son tambin muy interesantes los gadget: Texto (para meter texto o frases), Pginas (para poder ver las
pginas fijas de nuestro blog), o el HTML (el gadget que tendremos que usar si queremos insertar cualquier
herramienta que venga descrito o escrito con cdigo HTML).

Los gadget se pueden mover en cualquier momento con slo coger y arrastrar.


Para terminar este apartado decir que los gadget se pueden colocar en cualquiera de las secciones en las
que dice gadget y que tambin se puede configurar el apartado Entradas del blog.



Viendo blogs es la forma en la que descubrimos qu gadget queremos para nuestro blog.

Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
18


Estadsticas de nuestro blog

Tenemos un panel de control de las visitas recibidas muy completo.

Podemos ver las estadsticas por: das, por entradas ms visitadas, desde qu pases nos visitan!



Google+ vinculado a nuestro blog?

En la seccin de Google+ podemos vincular nuestro con nuestra cuenta de Google para que nos publique
en nuestro muro de Google cada vez que hacemos una entrada en el blog.


Como moderar comentarios en nuestro blog

Cuando accedamos a la pestaa COMENTARIOS, podremos ver los comentarios Publicados, los que estn
pendientes de moderacin y los que son Spam.

En este panel podremos aprobar, o suprimir los comentarios de los visitantes del blog.



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
19

Creacin de pginas en el blog

Las pginas son como las entradas, pero estas no se ordenan en orden cronolgico y no tienen etiquetas.
Se pueden realizar 10 pginas y se usan para poner contenido ms esttico en el blog.



Se puede crear una pgina como una entrada, que explicaremos a continuacin, o crear una pgina que
sea un enlace a otro sitio web.

Luego slo nos quedar escoger dnde queremos que sean visibles las pginas.



Cmo crear entradas en el blog

Esta es la seccin ms usada del blog. Todo lo que hemos hecho hasta ahora consiste en configurar el blog
o darle forma. Podemos cambiarlo en cualquier momento, pero no estamos todo el da haciendo cambios en
la configuracin.

Lo que normalmente hacemos en un blog es: Crear entradas, editar entradas (si nos hemos equivocado), y
administrar los comentarios.

Para hacer entradas hay que ir a la seccin ENTRADA NUEVA.


Los pasos a seguir siempre son los mismos:

Poner ttulo a la entrada.
Poner un texto a la entrada. En muchas ocasiones se adjuntan imgenes y en otras ocasiones se
adjunta una aplicacin externa que viene en cdigo HTML, por lo que lo tendremos que hacer
desde la pestaa HTML.
Poner etiquetas para agrupar el contenido del blog.



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
20


Si queremos podemos hacer una VISTA PREVIA, o GUARDAR (en borrador) si an no hemos terminado
la entrada, o PUBLICAR directamente, si ya la acabamos.


Publicar una entrada de texto:


Escribir una entrada de texto es tan sencillo como seguir los cuatro pasos que hemos nombrado: poner
ttulo, texto, etiquetarlo y dar a PUBLICAR.

Hay unas opciones avanzadas para las entradas que las encontramos a la derecha, debajo de Etiquetas.



Programar la publicacin:

A destacar de las opciones de la derecha es:

Programar.

Esta opcin nos permite que la entrada se publique automticamente en ese momento o que se publique en
un da y hora. Interesante si queremos cambiar el orden de las entradas ya publicadas o que una
entrada se publique en el momento que deseemos. Importante que hayamos configurado bien la hora
del blog.




Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
21
Publicar imgenes:

Si queremos publicar con nuestro texto una imagen, tenemos que hacer clic en el Icono Imagen:




Insertar una imagen se puede hacer de varias formas:

Subir: Subiramos una imagen desde el ordenador.
Desde este blog: Cuando se crea un blog de Blogger se crea una carpeta en Picasa (herramienta
de almacenamiento de Google), donde se almacenan todas las imgenes subidas.
Desde lbumes web de Picasa: Se pueden insertar imgenes que tambin estn en otro de
nuestros lbumes.
Desde el mvil.
Desde la webcam.
Desde una URL: Tambin podemos insertar una imagen si insertamos la URL de una imagen que
est en internet. La direccin de una imagen que est en internet se consigue con el botn derecho
copiar URL de la imagen.




Cmo insertar un hipervnculo a una pgina:

Es tan sencillo como seleccionar una palabra o una imagen, y hacer clic en Enlace, donde se escribir la
direccin de hipervnculo. Indicarle si queremos que nos habla en esa pgina u otra en enlace y ACEPTAR.




Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
22
Insertar aplicaciones 2.0 en nuestro blog:

Esta es de las funciones ms interesantes y usadas en un blog. Insertar vdeos, presentaciones, galeras de
imgenes y otras aplicaciones 2.0 que encontramos en internet. En todas estas aplicaciones podemos
encontrar las palabras: INSERTAR, EMBED o COLOCAR EN TU WEB O BLOG.

Tenemos que coger el cdigo que nos da la aplicacin e insertarlo en la pestaa Edicin de HTML.

Ejemplo con Youtube:

Vamos a COMPARTIR.
Luego a INSERTAR.
En TAMAO DE VDEO, escogemos PESONALIZAR y ponemos el ancho de nuestro blog.
Una recomendacin es desactivar la casilla MOSTRAR SUGERENCIAS! as no nos podr
ningn vdeo, no deseado, al terminar.
Por ltimo, copiar el CDIGO HTML del vdeo.











































Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
23
Vamos a una entrada, y en la pestaa HTML de la entrada pegamos el cdigo que hemos copiado.




Cmo editar las entradas ya realizadas del blog

Tenemos que ir a la opcin ENTRADAS. En ella veremos las entradas publicadas, las entradas an no
publicadas (que son borradores), las horas de las entradas y ah las podremos editar o suprimir.



Slo debemos hacer doble clic en el ttulo de la entrada para poder editarla. Si hacemos clic en el cuadro
que hay a su izquierda podremos:

Aadir nuevas etiquetas.
Publicar.
Cambiar a borrador.
O eliminar



Ejemplo de blog de Blogger: http://webdospuntoceroenelaula.blogspot.com.es/





Ral Diego Obregn
www.rauldiego.es
correo@rauldiego.es