Primeros Pasos En Blogger.2

Post on 12-Jul-2015

4.454 views 0 download

Transcript of Primeros Pasos En Blogger.2

PRIMEROS PASOS EN BLOGGER

fácil, fácil

Ángel Encinas Carazo Salamanca. Octubre 2009

2

• Después de una visión panorámica de la web 2.0 y de los blogs, en este ppt seguiremos los pasos para:– Abrir nuestro blog– Elaborar una entrada con enlaces,

imágenes y etiquetas– Insertar vídeos y presentaciones

Contenido de este ppt

Variedad de plataformas para abrir un blog

Un blog en Blogia

Un blog en La Coctelera

Un blog en Yahoo

Un blog en la plataforma educativa de la JCyL

Un blog en WordPress

¿Por qué en Blogger?

Porque es el más sencillo, el más utilizado, el que mejor conoce el profe…

Tiene las ventajas y los inconvenientes de estar al lado del más poderoso…

Ventajas de Blogger

• Es muy fácil de abrir y sencillo de utilizar• Sólo necesitas una cuenta en Google• Se puede personalizar con facilidad.• Almacenamiento gratuito, sin compromisos

publicitarios• Se actualiza y renueva constantemente de forma

automática• No necesita instalar plugins (complementos)

fundamentales• Fuerte seguridad frente a ataques maliciosos• Muy utilizado por profesores

Ventajas de WordPress

• Es gratuito (como Blogger)• El más utilizado cuando se dispone de

espacio propio en la Web• Permite acceso a todo el código fuente• Más profesional por sus mayores

posibilidades de control y configuración• Se puede descargar en el propio ordenador• Permite la creación de páginas estáticas

Creamos un blog en Blogger

¡Mi primer blog!

Le asignamos un nombre y una dirección

Lo podrás cambiar en cualquier momento

La dirección que elijas,

sin embargo, será la

definitiva

Ten cuidado: Si estás probando,

no “quemes” direcciones

interesantes

Antes de seguir

comprueba que está

libre

Escribe el texto de arriba. Es para evitar el acceso a robots

Elegimos una plantilla

No te preocupes

mucho: podemos

cambiar de plantilla en cualquier

momento, sin ningún

problema

La primera entrada

Directo al asunto: la página en blanco de tu

primera entrada

La primera entrada

Propues-tas para tu

primera entrada

Piensa un título

adecuado

Antes de publicar mira las opciones

La primera entrada

Ignorar ahora

Puedes programar la publicación

Si no la has terminado, puedes guardarla (lo hace automáticamente

cada poco)

La primera entrada

Atrévete y mira cómo te queda

En cualquier momento puedes

guardarla

La primera entrada publicada

En cualquier momento puedes

guardarla

Puedes volver a editar o guardar sin

publicar

La barra lateral sale

por defecto

con estos elementos, y según la

plantilla elegida

Crear un enlace en la entrada

Queremos enlazar esta entrada de Activa-TiC

Lo primero que hacemos es seleccionar (clic con el

botón izquierdo) y copiar la dirección

(clic en “copiar” de botón derecho del ratón)

Crear un enlace en la entrada

Seleccionamos con el ratón la

porción de texto que queremos

contenga el enlace

Hacemos clic en “enlace” y nos aparecerá una ventana emergente

Crear un enlace en la entrada

Con el botón derecho del

ratón pegamos la dirección

seleccionada

Así de sencillo

Crear un enlace en la entrada

El enlace se ha establecido. Se diferencia por un color distinto y el

subrayado

Insertar una imagen en la entrada

Hacemos clic en ese icono

Insertar una imagen en la entrada

En este caso tenemos que pegar aquí su

dirección

Podemos seleccionar una

imagen que está en la Web

Insertar una imagen en la entrada

Es importante tener esto siempre

en cuenta. ¿Cómo proceder?. Salvo prohibición expresa, se debe,

como mínimo, indicar la

procedencia con un enlace

Insertar una imagen en la entrada

O bien, seleccionamos una imagen de las que

tenemos en nuestro equipo o hemos

bajado antes. (esta es la opción

preferible)

En este caso la buscamos en

nuestro equipo

Insertar una imagen en la entrada

Hacemos doble clic en la

imagen que hemos

seleccionado

O hacemos clic en “abrir”

Insertar una imagen en la entrada

Cuando la imagen ha

subido, aparece su miniatura

Hacemos doble clic en la

imagen o un clic en “aceptar”

Insertar una imagen en la entrada

Una vez pegada en la entrada, la podemos

arrastrar o copiar-pegar donde queramos

Cuando hacemos clic sobre ella podemos decidir tamaño y alineación

Insertar una imagen en la entrada

Este es el resultado

Insertar una imagen en la entrada

IMPORTANTE:Debes cuidar el peso o tamaño de las fotos que subes. En principio,

no deberían pesar más de 200 kB, aunque vale con 50-70 kB (el

tamaño de todas las capturas de pantalla de este ppt)

Las imágenes de las actuales cámaras tienen un tamaño muy grande. Por ej. Una cámara de 5

megapíxeles nos proporciona fotos de más de 2 MB (2.048 kB)

Ésta pesa tan solo 1,6 kB, demasiado pequeña

¿Qué deberíamos hacer entonces? Pues editar previamente nuestras

imágenes reduciendo el tamaño de las que

emplearemos en la Web. Lo veremos en otro ppt.

Insertar un vídeo de YouTube

Buscamos el vídeo con las palabras-etiquetas posibles

Insertar un vídeo de YouTube

Cuando encuentro lo que busco hago

clic sobre él

Insertar un vídeo de YouTube

En “insertar” encontramos el

“código embed” que tenemos que copiar

Insertar un vídeo de YouTube

“código embed”

Antes de copiarlo podemos tomar algunas decisiones sobre cómo queremos que aparezca en nuestro blog

Si solo queremos poner el enlace

Insertar un vídeo de YouTube

Cuando lo hemos decidido, copiamos el “código embed” y nos vamos a la entrada de

nuestro blog

Podemos decidir sobre los bordes, colores y tamaños

con que aparecerá en nuestro blog

Insertar un vídeo de YouTube

Cuando lo pegamos en la

entrada tiene que tener más de 4 ó

5 líneas. De lo contrario algo no

ha salido bien

En ese caso probamos a pegarlo en “Edición de HTML”

Insertar un vídeo de YouTube

Si esto es lo primero que hemos hecho en nuestra entrada, es posible que nos veamos con algún problema para escribir

arriba y abajo del mismo

Si esto es lo primero que hemos hecho en nuestra entrada, es posible que nos veamos con algún problema para escribir

arriba y abajo del mismo

Cuando cambiamos de pestaña o lo abrimos como borrador nos

aparecerá este objeto

Insertar un vídeo de YouTube

Para evitarlo, es recomendable

escribir texto dejando un hueco, y pegando en él nuestro código

Insertar un vídeo de YouTube

Quedaría así

Insertar un vídeo de YouTube

…y no tendríamos problemas para

escribir nuestro texto

Insertar un vídeo de YouTube

…y no tendríamos problemas para

escribir nuestro texto

Insertar un vídeo de YouTube

Así quedaría nuestra entrada

publicada

Insertar un ppt de slideshare

Procedemos de la misma forma que

con YouTube: copiar y pegar el

código embed

Podemos, incluso, hacer directamente

un post en nuestro blog

Insertar un ppt de slideshare

Con este resultado

Insertar un vídeo de PhotoPeach

Ya hemos visto una

muestra de PhotoPeach

en el blog

En este caso, al hacer clic en el

botón de Embed se nos copia directamente

Insertar un documento de Scribd

En esta magnífica plataforma el código embed lo tenemos

aquí

Insertar un vídeo de Dailymotion

En cada plataforma hemos de buscar el

código embed bajo

expresiones como “insertar”,

“incrustrar”, “reproducción insertable”, etc

Insertar un show fotográfico en slide

En cada plataforma hemos de buscar el

código embed bajo

expresiones como “insertar”,

“incrustrar”, “reproducción insertable”, etc

E.mail de contacto:

angelbernalt2004-blogca@yahoo.es

No lo olvides: ante cualquier duda o problema escríbeme.

Esto es sólo el comienzo.El resto es igual de sencillo y, por

qué no, divertido…