Primeros Pasos En Blogger.2
-
Upload
angel-encinas -
Category
Technology
-
view
4.455 -
download
0
Transcript of Primeros Pasos En Blogger.2
![Page 1: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/1.jpg)
PRIMEROS PASOS EN BLOGGER
fácil, fácil
Ángel Encinas Carazo Salamanca. Octubre 2009
2
![Page 2: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/2.jpg)
• 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
![Page 3: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/3.jpg)
Variedad de plataformas para abrir un blog
![Page 4: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/4.jpg)
Un blog en Blogia
![Page 5: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/5.jpg)
Un blog en La Coctelera
![Page 6: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/6.jpg)
Un blog en Yahoo
![Page 7: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/7.jpg)
Un blog en la plataforma educativa de la JCyL
![Page 8: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/8.jpg)
Un blog en WordPress
![Page 9: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/9.jpg)
¿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…
![Page 10: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/10.jpg)
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
![Page 11: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/11.jpg)
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
![Page 12: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/12.jpg)
Creamos un blog en Blogger
¡Mi primer blog!
![Page 13: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/13.jpg)
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
![Page 14: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/14.jpg)
Elegimos una plantilla
No te preocupes
mucho: podemos
cambiar de plantilla en cualquier
momento, sin ningún
problema
![Page 15: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/15.jpg)
La primera entrada
Directo al asunto: la página en blanco de tu
primera entrada
![Page 16: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/16.jpg)
La primera entrada
Propues-tas para tu
primera entrada
Piensa un título
adecuado
Antes de publicar mira las opciones
![Page 17: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/17.jpg)
La primera entrada
Ignorar ahora
Puedes programar la publicación
Si no la has terminado, puedes guardarla (lo hace automáticamente
cada poco)
![Page 18: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/18.jpg)
La primera entrada
Atrévete y mira cómo te queda
En cualquier momento puedes
guardarla
![Page 19: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/19.jpg)
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
![Page 20: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/20.jpg)
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)
![Page 21: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/21.jpg)
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
![Page 22: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/22.jpg)
Crear un enlace en la entrada
Con el botón derecho del
ratón pegamos la dirección
seleccionada
Así de sencillo
![Page 23: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/23.jpg)
Crear un enlace en la entrada
El enlace se ha establecido. Se diferencia por un color distinto y el
subrayado
![Page 24: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/24.jpg)
Insertar una imagen en la entrada
Hacemos clic en ese icono
![Page 25: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/25.jpg)
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
![Page 26: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/26.jpg)
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
![Page 27: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/27.jpg)
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
![Page 28: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/28.jpg)
Insertar una imagen en la entrada
Hacemos doble clic en la
imagen que hemos
seleccionado
O hacemos clic en “abrir”
![Page 29: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/29.jpg)
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”
![Page 30: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/30.jpg)
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
![Page 31: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/31.jpg)
Insertar una imagen en la entrada
Este es el resultado
![Page 32: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/32.jpg)
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.
![Page 33: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/33.jpg)
Insertar un vídeo de YouTube
Buscamos el vídeo con las palabras-etiquetas posibles
![Page 34: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/34.jpg)
Insertar un vídeo de YouTube
Cuando encuentro lo que busco hago
clic sobre él
![Page 35: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/35.jpg)
Insertar un vídeo de YouTube
En “insertar” encontramos el
“código embed” que tenemos que copiar
![Page 36: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/36.jpg)
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
![Page 37: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/37.jpg)
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
![Page 38: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/38.jpg)
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”
![Page 39: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/39.jpg)
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
![Page 40: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/40.jpg)
Insertar un vídeo de YouTube
Para evitarlo, es recomendable
escribir texto dejando un hueco, y pegando en él nuestro código
![Page 41: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/41.jpg)
Insertar un vídeo de YouTube
Quedaría así
![Page 42: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/42.jpg)
Insertar un vídeo de YouTube
…y no tendríamos problemas para
escribir nuestro texto
![Page 43: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/43.jpg)
Insertar un vídeo de YouTube
…y no tendríamos problemas para
escribir nuestro texto
![Page 44: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/44.jpg)
Insertar un vídeo de YouTube
Así quedaría nuestra entrada
publicada
![Page 45: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/45.jpg)
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
![Page 46: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/46.jpg)
Insertar un ppt de slideshare
Con este resultado
![Page 47: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/47.jpg)
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
![Page 48: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/48.jpg)
Insertar un documento de Scribd
En esta magnífica plataforma el código embed lo tenemos
aquí
![Page 49: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/49.jpg)
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
![Page 50: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/50.jpg)
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
![Page 51: Primeros Pasos En Blogger.2](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55a20f9a1a28abbe0f8b4684/html5/thumbnails/51.jpg)
E.mail de contacto:
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…