TALLER CRFP:

CREACIN DE UN BLOG
USANDO BLOGGER

Laura Morillas Molina

Laura Morillas Molina

Accedemos a http://www.google.es y en la pestaa Ms nos vamos a BLOGGER

Nos logueamos con nuestra cuenta de correo de Gmail.

Se accede entonces a Blogger. An no tenemos ninguno creado as que pinchamos sobre

Nuevo Blog.

Laura Morillas Molina

Lo primero que hacemos es escoger el Ttulo de nuestro Blog (luego podemos modificarlo si
queremos), as como la direccin que tendr nuestro blog. Tambin podemos escoger aqu la
plantilla que utilizaremos en nuestro Blog. En esta pantalla aparecen muy pocas plantillas,
escogemos cualquiera y luego veremos que se puede cambiar y configurar nuestra propia
plantilla. Una vez hecho esto pinchamos sobre Crear Blog

Ya tenemos nuestro Blog creado. Ahora mismo no tenemos nada en l, podemos comprobarlo
pinchando en Ver Blog. Podemos tener ms de un blog, simplemente le daramos a Nuevo
Blog y seguiramos los mismos pasos que vamos a seguir ahora.

Laura Morillas Molina

Ya podemos empezar a crear Entradas en nuestro blog. Pero antes vamos a la parte de
Administracin del Blog y la crearemos desde all. Para ello desplegamos la pestaa de ms
opciones y accedemos a Visin general.

VISIN GENERAL
En el men de la izquierda tenemos todas las opciones disponibles de nuestro blog. Lo primero
que vemos es la opcin de Visin general en la que tenemos las estadsticas e informacin
relativa a nuestro blog.

Laura Morillas Molina

ENTRADAS
La siguiente opcin del men de la izquierda de Entradas. Antes que nada vamos a crear una
nueva entrada para ir viendo a partir de ella las distintas opciones. Accedemos por tanto al
Entradas y a Crear una nueva entrada nueva. Tambin se puede hacer directamente desde
el botn naranja Entrada nueva.

Vamos a crear lo bsico y posteriormente iremos explicando opciones que se le pueden aadir.
Ponemos un ttulo a la entrada y escribimos el texto asociado.

En la parte derecha tenemos las opciones de configuracin de las entradas.

Laura Morillas Molina

En primer lugar, las etiquetas. Las etiquetas sirven para

clasificar las entradas, es simplemente para
organizarlas. Es como si creramos carpetas y
metiramos ah las entradas. As si por ejemplo me creo
una etiqueta de Ingls ah meter todas las entradas
asociadas a ese tema. Es similar a las etiquetas que se
crean en Gmail para organizar nuestros correos.
Para etiquetar una entrada se puede hacer desde aqu,
simplemente separando por comas las etiquetas que
queramos (as se crean directamente) o tambin se
puede hacer posteriormente, una vez creada la entrada.

Tambin se puede programar cuando queremos que se

publique la entrada. Podemos poner una fecha y hora
determinada o ponerla automticamente, de forma que en
el momento que se publique quedar visible.
NOTA: An no hemos configurado la zona horaria de nuestro
blog, por lo que es normal que la hora que salga ahora no sea
la correcta. Luego veremos cmo establecerla
correctamente.

Podemos
determinar
que
el
enlace
permanente de la entrada sea automtico,
dentro de nuestro dominio del blog, o
podemos crear uno personalizado.

Laura Morillas Molina

Tambin podemos aadir una ubicacin a la

entrada del blog, simplemente tecleando el lugar
en el recuadro de bsqueda de Google Maps.

Y por ltimo podemos controlar los comentarios del

lector, el modo de redaccin y los saltos de lnea.

Laura Morillas Molina

Una vez definidas todas las opciones, guardamos la entrada y le damos a publicar

Nos sale entonces la posibilidad de compartir la entrada en Google+. Cada vez que
publiquemos o modifiquemos algo nos va a salir esta ventana, algo molesta, ahora veremos
cmo se quita, en caso de que no queramos ir publicndolo en Google+. De momento le doy a
Cancelar.

Ya tenemos nuestra primera entrada creada, como podemos ver en el panel de la izquierda,
una entrada creada y adems, publicada.

Laura Morillas Molina

Tambin podemos etiquetar la entrada desde aqu, simplemente seleccionando la entrada y

desplegando el botn de etiquetas, en el que podemos crear una nueva, o aadirlo a una
existente en caso de que ya la tuviramos creada.

Podemos ver cmo ha quedado pinchando en Ver Blog. Ha quedado de esta forma:

Vemos que el diseo an deja bastante que desear. Vamos a ir mejorando poco a poco

Laura Morillas Molina

CONFIGURACIN
Empezaremos por ver las opciones de Configuracin del Blog.
BSICO:

Aqu podemos modificar el ttulo del Blog y aadirle una descripcin al mismo, que saldr justo
debajo del ttulo del blog.
Tambin podemos determinar si queremos aadir el blog a las listas de Blogger (Los blogs
listados pueden enlazarse desde Blogger.com, como puede ser la pgina principal de Blogger o
mediante "Siguiente blog". Si seleccionas "No", tu blog no aparecer en estos sitios, pero
seguir disponible en Internet y, a menos que lo ocultes, tambin aparecer en tu perfil) y si
queremos permitir que los motores de bsqueda encuentren nuestro blog (google).

Laura Morillas Molina

Le ponemos una breve descripcin. Tambin podemos enlazar nuestro blog con nuestro
propio dominio. Si no lo tenemos, nos da la opcin de comprobar si el que queremos est
libre, y en ese caso, continuar con el registro.

Tambin podemos modificar los permisos en cuanto a Autores el blog y permisos de lectura.
Podemos aadir Autores a nuestro blog de forma que les permita administrarlo de la misma
forma que al creador. Para ello simplemente le damos a editar y aadimos el correo o
escogemos de nuestra lista de contactos las personas a las que queramos aadir como autores
del Blog. Les llegar entonces a su correo un email de confirmacin.
Por otra parte podemos definir quin va a poder leer nuestro blog. Podemos dejarlo como
pblico de forma que cualquiera pueda leerlo, podemos restringirlo solamente a los autores
del blog (aadidos en el paso anterior) o podemos restringirlo a los lectores que nosotros
queramos, aadindolos manualmente de forma similar a como se aadieron los autores.

10

Laura Morillas Molina

ENTRADAS Y COMENTARIOS
En cuanto a las entradas aqu podemos definir el nmero de entradas que queremos se
muestren por pgina. Tambin si queremos aadir una plantilla de entrada, que sirven para
aadir texto o cdigo predeterminado que aparecer cada vez que crees una entrada nueva en
el editor de entradas (es como aadir una firma por defecto), o si queremos mostrar las
imgenes en el lightbox, esto es, al hacer clic en las imgenes, se abrirn superponindose en
la parte superior del blog. Si tu entrada contiene varias imgenes, aparecern como miniaturas
en la parte inferior.
En cuanto a los comentarios podemos definir su ubicacin, quin los puede hacer, quin los
modera, si queremos verificar las palabras (aadir cdigo captcha previo al envo del
comentario), si queremos mostrar enlaces de retroceso para realizar un seguimiento de otras
pginas de la Web que contienen enlaces a tus entradas, o aadir un mensaje al formulario de
comentarios (mensaje que aparecer al usuario en la ventana de envo del comentario).

11

Laura Morillas Molina

Si en Plantilla de entrada escribimos un texto

ste saldr de forma predefinida cada vez que creemos un comentario, aunque se puede
quitar o modificar a la hora de crearlo. Es similar a incluir una firma.

Si incluimos un mensaje del formulario de comentarios

ste le aparecer al usuario a la hora de crear un comentario.

12

Laura Morillas Molina

MVILES Y CORREO ELECTRNICO

En cuanto a mvil podemos publicar las entradas mediante SMS o MMS, poniendo
previamente nuestro telfono mvil, al que se enviar confirmacin. Se aplican las tarifas
estndar de los operadores mviles para enviar y recibir mensajes de texto y con fotografas,
aunque Blogger no te cobrar ninguna tarifa por ninguno de sus servicios.
En cuanto a correo electrnico podemos publicar entradas mediante correo, tambin se
conoce como Mail2Blogger. Utiliza esta direccin para publicar texto e imgenes (hasta 10 MB
de tamao) directamente en tu blog. Adems podemos aadir hasta 10 direcciones de correo
a las que les llegar un email cada vez que alguien deje un nuevo comentario en el blog.

IDIOMA Y FORMATO:
Aqu podemos definir el idioma y
habilitar la transliteracin, esto es,
aade un botn a la barra de
herramientas para traducir las
palabras de ingls al idioma
seleccionado. En cuanto a la fecha y
hora podemos definir la zona horaria
(GMT+01:00 Madrid) y el formato de
stas.

13

Laura Morillas Molina

PREFERENCIAS DE BSQUEDA

Etiquetas meta: Esta parte del panel de configuracin permite incluir una descripcin de tu
blog en los resultados de bsqueda.
Las etiquetas META sirven para facilitar a los buscadores ciertos datos de inters para la
indexacin de nuestras pginas y es algo que ya podamos hacer pero manualmente.

14

Laura Morillas Molina

Si una entrada o pagina de nuestro blog ha sido suprimida y queremos que se redirija a otra
URL podemos hacer esta redireccin desde "Redireccionamiento personalizado" adems de
definir el mensaje personalizado que deseamos salga.

Rastreadores e Indexacin: En esta seccin podremos establecer cmo los robots de Google
vern nuestro blog, una mala configuracin aqu puede generar problemas en la indexacin de
ste. Mejor dejar la que viene por defecto. Tal y como viene la configuracin por defecto de
Blogger es suficiente para que Google a lo largo del tiempo indexe la gran mayora de entradas
que posees en el blog.
Adems de incluir esta til herramienta, Blogger ha proporcionado una serie de atributos en el
editor de entradas que permiten mejorar ms an nuestro SEO:
Encabezados y subencabezados: Gracias a esta opcin, podemos aadir etiquetas de
encabezamiento (<H1>, <H2>, etc) para ayudar a los robots a darle prioridad a cada
seccin del post.

15

Laura Morillas Molina

 Atributo rel="nofollow" en los enlaces: Con este atributo podemos hacer que los
enlaces no sean seguidos.

Atributos alt y title en las imgenes: Al presionar sobre alguna imagen de la entrada,
aparecer un enlace denominado "properties", el cual permite incluir tanto el atributo
alt, como el atributo title (Ttulo) de manera facil.

16

Laura Morillas Molina

OTROS:

Herramientas de blog: Aqu podemos importar, exportar o suprimir un blog. Antes de

suprimirlo nos da la opcin de Descargarnos nuestro blog. La accin es reversible.

17

Laura Morillas Molina

Feed del sitio: La distribucin es el proceso mediante el cual, al publicar un blog, Blogger
genera automticamente una representacin de ste apta para la lectura desde equipos
informticos, que puede seleccionarse y mostrarse en otros sitios web y herramientas de
agregacin de informacin.
OpenID: OpenID es un estndar abierto que permite a los usuarios de servicios con OpenID
habilitado acceder a cualquier sitio compatible con OpenID mediante un conjunto de
credenciales. Se trata de una forma de autenticar los comentarios que realizan los usuarios en
tu blog sin necesidad de que stos tengan una cuenta de Google.
Para habilitar los comentarios en mi blog mediante OpenID hay que acceder a la Configuracin
de Comentarios como ya se vio anteriormente y ah seleccionar que los comentarios lo pueden
hacer solamente los usuarios registrados.

Si queremos hacer un comentario con nuestra

identidad de OpenID nos vamos a la pgina de
comentarios de la entrada en que deseamos hacer
el comentario. Seleccionamos el proveedor de
OpenID en el men desplegable situado junto a la
opcin "Acceder mediante".

Contenido para adultos: Si lo habilitamos, al entrar al blog se le mostrar un mensaje

advirtiendo que contiene contenido para adultos.

18

Laura Morillas Molina

Google Analytics: Aade Google Analytics a tu blog para ver cmo interactan los visitantes
con tu sitio. Google Analytics es un servicio gratuito de estadsticas de sitios web.
Para hacer que Google Analytics realice las estadsticas de nuestro blog, debemos acceder a la
pgina http://www.google.es/analytics/ y nos creamos una cuenta.

Nos logueamos con la direccin de correo desde la que queremos que se vaya registrando la
actividad de nuestro blog:

Ahora nos queda registrarnos:

19

Laura Morillas Molina

Completamos los datos que se nos solicitan. Primero seleccionamos si queremos realizar el
seguimiento de un sitio web o una aplicacin. En nuestro caso, un sitio web. Ponemos el
nombre del sitio web y la url de ese sitio. Definimos la categora del sector y la zona horaria y
por ltimo le damos un nombre a la cuenta de Analytics que registrar la actividad del blog.
Una vez configurada la comparticin de datos deseada clicamos Obtener ID de seguimiento.

20

Laura Morillas Molina

Aceptamos los trminos y obtenemos nuestra ID de seguimiento, que es el cdigo que

necesito incluir en Blogger.

Copiamos el ID de seguimiento y lo pegamos en Configuracin Otros Google Analytics.

21

Laura Morillas Molina

PLANTILLA
Una vez vistas todas las opciones de configuracin, vamos a modificar nuestra plantilla.

Escogemos la plantilla que ms nos guste, por ejemplo, la que aparece a continuacin:

22

Laura Morillas Molina

Ahora podemos personalizar la plantilla escogida. Para ello clicamos Personalizar

Accedemos as al Diseador de plantillas. La primera opcin nos permite cambiar la plantilla:

Tambin podemos configurar la gama de colores del blog:

23

Laura Morillas Molina

Podemos ajustar el tamao del blog as como el de la columna secundaria.

En la opcin de Diseo podemos cambiar la distribucin del blog y del pie de pgina.

Y por ltimo en avanzado podemos cambiar el color y la fuente de todos los elementos de
nuestro blog.

24

Laura Morillas Molina

Una vez diseada nuestra plantilla aplicamos al Blog y Volvemos a Blogger.

<

DISEO
En la pestaa Diseo podemos aadir y editar los gadgets de nuestro blog.

25

Laura Morillas Molina

INGRESOS
En la opcin INGRESOS nos da la opcin de registrarnos en Google adSense en el que aparece
publicidad en nuestro blog a cambio de ingresos.

ESTADSTICAS
En la opcin ESTADSTICAS podemos ver estadsticas de nuestro blog diferenciadas por
distintos conceptos.

26

Laura Morillas Molina

GOOGLE+
En la opcin Google+, en caso de que no queramos compartir nuestras entradas en Google+,
podemos desactivar la molesta ventana que nos sale cada vez que creamos o editamos una
entrada.

COMENTARIOS
Suponemos que un usuario publica un comentario:

En la administracin de Comentarios puedo ver que aparece el comentario, quin lo hizo y a

qu hora as como las opciones de eliminar contenido, suprimirlo o marcarlo como Spam.

27

Laura Morillas Molina

PGINAS
Nuestro Blog puede tener ms de una pgina, adems de la principal. Para aadir otra nos
vamos a la opcin Pginas.

Aadimos una nueva pgina, por ejemplo, relativa a la escuela de ingls.

28

Laura Morillas Molina

Ahora tenemos dos pginas, podemos definir su distribucin, si queremos que aparezcan en la
parte superior a modo de men, si queremos que nos aparezca en un gadget lateral o si no
queremos mostrarlas, sino que aparezca solamente la pgina principal y que el resto se tengan
que enlazar manualmente a travs de hipervnculos.

Este sera el resultado de visualizarlo como Pestaas principales.

29

Laura Morillas Molina

Cmo incluir un video de youtube en nuestro blog?

Nos vamos al video de youtube que queramos incluir, y en la parte de abajo nos vamos a
Compartir, y luego a Insertar.

Al darle a Insertar nos aparece un cdigo que es el que tenemos que copiar para incluir en
nuestra entrada:

30

Laura Morillas Molina

Creamos ahora en nuestro blog una nueva entrada, seleccionamos HTML y pegamos el cdigo
que habamos copiado. Le damos a publicar y ya tenemos el video insertado en el blog:

Si lo que queremos es que aparezca en un gadget independiente en lugar de en una entrada,

accedemos a Diseo y aadimos un nuevo gadget HTML/Javascript y pegamos el cdigo que
habamos copiado

31

Laura Morillas Molina

Cmo incluir videos, msica, presentaciones, fotografas y

ms elementos en nuestro blog?
Al igual que hemos hecho con el vdeo de Youtube, para cualquier elemento que queramos incluir
en nuestro blog, necesitamos el cdigo embebido.

http://www.snacktools.com/en/

En sta pgina encontrars elementos muy interesantes

gratuitos para aadir a tu blog. Lo primero que tenemos que hacer el loguearnos en la pgina. Para
ello, pulsamos en Sign in.

Nos da la opcin de hacerlo a travs de nuestra cuenta de Gmail, de Facebook o de Twitter.

Tambin lo podemos hacer registrndonos introduciendo nuestro email, al que nos llegar un email
de confirmacin.

32

Laura Morillas Molina

Ya podemos empezar a disear nuestros elementos del blog. El primero, podsnack, sirve para
incluir msica en nuestro blog.

Pinchamos sobre Build a playlist para empezar a crear nuestra lista de msica que queremos
incluir en el blog.

33

Laura Morillas Molina

Podemos seleccionarla de Youtube, seleccionarla de nuestro equipo e incluso hacer una

grabacin.
Para seleccionarla de Youtube, en el buscador escribimos lo que buscamos y dndole al botn
+ de cada cancin se aaden automticamente a nuestra lista de reproduccin.

He aadido dos canciones de Youtube, puedo ver la lista en la parte inferior, tambin puedo
editarla en Edit tracks. Para seleccionar una cancin de nuestro equipo pinchamos en
Browse y seleccionamos las pistas que queramos

34

Laura Morillas Molina

Ahora en mi lista hay 3 canciones, dos de youtube y una de mi equipo. Tambin podra incluir
grabaciones con solo pinchar en Record. Una vez que hemos construido nuestra lista, vamos
al siguiente paso Next.

Aqu escogemos el diseo que queremos para nuestro reproductor y pinchamos en Finish.

35

Laura Morillas Molina

Ya tenemos nuestro reproductor con nuestra lista de reproduccin. Ya slo nos queda saber el
cdigo embebido correspondiente. Para ello pinchamos en Embed.

Usamos la versin gratuita, aunque mete algo de publicidad.

Y finalmente copiamos el cdigo que incluiremos en nuestro blog.

36

Laura Morillas Molina

Ya solo los queda pegarlo en nuestro blog. Al igual que con el video de Yotube, tenemos dos
opciones, incluirlo en una entrada o en un gadget independiente.
Incluirlo en una entrada
Creamos ahora en nuestro blog una nueva entrada, seleccionamos HTML y pegamos el cdigo
que habamos copiado. Le damos a publicar y ya tenemos el video insertado en el blog:

Gadget independiente
Si lo que queremos es que aparezca en un gadget independiente en lugar de en una entrada,
accedemos a Diseo y aadimos un nuevo gadget HTML/Javascript y pegamos el cdigo que
habamos copiado

37

Laura Morillas Molina

Escogemos el gadget adecuado:

Y pegamos el cdigo embebido copiado antes:

Para el resto de componentes que se pueden aadir (galera de fotos, presentaciones, galera
de videos, etc.) el procedimiento es similar:
1. Escoger los datos (fotos, videos, presentaciones)
2. Escoger el diseo
3. Copiar el cdigo embebido

38

Laura Morillas Molina