Primeros Pasos En Blogger.2

  • 4,285 views
Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
4,285
On Slideshare
0
From Embeds
0
Number of Embeds
12

Actions

Shares
Downloads
38
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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