Charla de introducción a los blogs en general y a Blogger en particular para el curso de verano de la Universidad de Oviedo Evolucionar o morir: sobrevivir a la web 2.0, dirigido por Dani Lanvin. El curso y esta presentación están dirigidas a usuarios no técnicos que en muchos casos es la primera vez que utilizan herramientas sociales como Facebook, Flickr o Blogger.

1. César Aceba
Blogs
l
acebal@uni
ovi.es
cesaracebal
.com
www.flickr.com/photos/barne3/2836828090/
Evolucion@r o morir: sobrevivir a la Web 2.0

2. www.flickr.com/photos/pixelgraphix/106687565
¿Qué es un blog?

3. Un blog (contracción del término «weblog») es un
tipo de sitio web, normalmente mantenido por una
sola persona, que publica de manera regular
entradas con comentarios, descripciones de eventos
o cualquier otro material, como imágenes y vídeo.
Las entradas normalmente se muestran en orden
cronológico inverso.
—Wikipedia
http://en.wikipedia.org/wiki/Blog

4. Algunas cifras
www.flickr.com/photos/cayusa/2868950235/

5. Más de 70 millones de blogs
72 M
Unos 120 mil nuevos
cada día
46 M
16 M
05
07
06
03
20
20
20
20
e
zo
lio
zo
br
ar
ar
ju
tu
m
m
oc
Estado de la blogosfera

6. Observaciones
๏ 70 millones de blogs, pero... ¿cuántos están
realmente acEvos?
‐ Una mínima parte

7. Blogs will change your business
BusinessWeek, mayo 2005

8. T ú .
La persona del año
Time Magazine, diciembre 2006

9. Características

10. Caracterís/cas
๏ Entradas
• También llamadas ar2culos o posts
• Los más recientes, en orden cronológico
inverso, en la página principal
• Un archivo por fechas
๏ Comentarios de los lectores
๏ Categorías
๏ E/quetas

11. lectores
autor
en
leen
ond
resp
publica
entradas
comentarios
Elementos constitutivos de un blog

12. Ejemplos
๏ h3p://meyerweb.com/
๏ h3p://www.subtracEon.com/
๏ h3p://www.andybudd.com/
๏ www.grancomo.com/
๏ h3p://veerle.duoh.com/

13. Suscripciones: RSS, Atom

14. www.flickr.com/photos/seraphicallydrunk/2599221740/
www.flickr.com/photos/athena/325752626/
El contenido

15. El contenido
๏ Es la razón de ser de cualquier siEo web
‐ Más si cabe en el caso de un blog
๏ Aspectos a tener en cuenta:
‐ El tema del blog
‐ Escrito para perdurar
• URL permanentes y legibles

16. El tema
๏ Sobre qué vamos a escribir
๏ ¿Será un mero diario personal?
๏ ¿O un blog monotemáEco?
๏ ¿O pertenece a una empresa?
๏ ¿Uno o varios autores?

17. Redacción
๏ Ofrecer contenido propio
‐ Si no... ¿para qué escribimos?
‐ Huir de las notas de prensa o los folletos
publicitarios
๏ Escribir para la web
‐ Breve, estructurado, haciendo uso de enlaces
externos, etcétera
๏ Por supuesto, cuidar el esElo y la ortograaa
๏ Imágenes, vídeos...

18. Los diez fallos principales
de los blogs según Nielsen
๏ No incluir una biograCa del autor
๏ No incluir una foto
๏ No usar dtulos descripEvos para las
entradas
๏ Enlaces que no dicen a dónde van
๏ Ardculos interesantes ocultos
• Hay que proporcionar enlaces en la página
principal a los ardculos más demandados

19. Los diez fallos principales
de los blogs según Nielsen
๏ Calendario como única navegación
• Hay que incluir categorías
๏ Frecuencia de publicación irregular
๏ Mezclar temas
๏ No pensar en que eso lo va a poder leer
nuestro futuro jefe
๏ No tener un dominio propio

21. Enlaces
๏ Estado de la blogosfera
‐ h3p://technoraE.com/blogging/state‐of‐the‐blogosphere/
‐ h3p://www.sifry.com/stateoiheliveweb/
๏ IntroducEon to Blogging « WordPress Codex
‐ h3p://codex.wordpress.org/IntroducEon_to_Blogging
๏ Blogs will change your business
‐ www.businessweek.com/magazine/content/05_18/
b3931001_mz001.htm
‐ www.businessweek.com/go/08/blog
๏ Blog Usability: Top 10 Weblog Design Mistakes
‐ www.useit.com/alertbox/weblogs.html

22. Creación de blogs con Blogger

23. Pasos para crear un blog
1. Creamos un blog
2. Elegimos un nombre
3. Elegimos una planElla

24. Creación del blog
๏ Lo primero es crear el blog
‐ www.blogger.com
๏ Para ello necesitamos primero tener una
cuenta de Google
‐ Por ejemplo, si usamos Gmail, ésa será nuestra
cuenta de Google
‐ Si no, tenemos que crear una

25. Creación de una cuenta Google

26. Asignar un nombre al blog

27. Elegir una plantilla

28. Blog creado

29. Ejercicio
๏ Crear un blog
‐ Echar un vistazo a todas las opciones de
configuración
๏ Añadir un par de entradas sencillas
‐ No hace falta que incluyan contenido
mulEmedia (imágenes o vídeos) por ahora
‐ Diferencias entre guardar como borrador y
publicar
๏ Probar cómo se vería con otros diseños

30. Ver blog

31. Personalizar

32. Diseño

33. Elegir plantilla nueva

34. El mismo blog con otro diseño

35. bec era
Ca
últ imos
artí culos
«widgets»
Ver blog

36. www.flickr.com/photos/splat/3543799770/
Comentarios

37. comen tarios
Ver una entrada

38. Ejercicio: comentarios
๏ Id al blog creado para el curso
• h3p://sobrevivirweb20.blogspot.com/
‐ y añadid un comentario a la entrada que os diré
con vuestro nombre y un enlace a vuestro blog
๏ Añadid un comentario en el blog de vuestro
compañero de al lado
๏ Cambiad la moderación de comentarios y
probad de nuevo, jugando un poco con ello

39. 21 9653507/
tos/casch/
www.flick r.com/pho
www.flickr.
com/photo
konaboy/173771591/ s/eric85/2
www.flickr.com/photos/ 446210404
/
Añadir contenido multimedia

40. Ahora aprenderemos a
añadir contenido
multimedia a nuestras
entradas

41. Ejercicio: imágenes
๏ Vamos a añadir una o varias imágenes a
nuestras entradas
a) Subiéndola directamente a Blogger a través de
la barra de herramientas de la entrada
b) Añadiéndola directamente desde Flickr/Picasa
c) Enlazando una foto de Flickr o Picasa
«manualmente»
d) Insertando una presentación de un álbum de
Flickr o Picasa

42. «Blog this» de Flickr

43. «Blog this» de Flickr
๏ Flickr nos pedirá que lo autoricemos en
Blogger
‐ Podemos repeEr el paso para disEntos blogs

44. ¿Qué problemas /ene?
๏ Que, a menos que queramos escribir un
post con una sola imagen, no nos valdrá
‐ Sólo se puede crear un nuevo post con esa
(única) imagen
๏ Vamos a ver el enfoque más flexible
‐ Requiere lidiar un poco con la edición en HTML
de la entrada, que hasta ahora no habíamos
usado

45. Imágenes de Flickr a mano
1) Hay que ir a la opción «All sizes» de Flickr
2) Escogemos la opción que más se ajuste al
tamaño final que queremos mostrar en el
blog
‐ Normalmente, será el tamaño «Medium»

46. «All sizes» en Flickr

47. Imágenes de Flickr a mano
3) Debajo de la imagen, copiamos la dirección
que aparece en el segundo cuadro:

48. Imágenes de Flickr a mano
4) Finalmente, insertamos la dirección de
dicha imagen a través del botón añadir
imagen de Blogger que ya usamos antes

49. Pegamos la URL de la imagen en Blogger

50. Imágenes de Flickr a mano
5) Para retoques finales en el tamaño de la
imagen, tendremos que ir a la vista HTML
de la edición de la entrada

51. Cambiamos el
ancho a 400px
Cambiar el tamaño de la imagen

52. Añadir una presentación
๏ Flickr:
‐ h3p://www.flickr.com/help/forum/en‐us/99606/
‐ En la presentación de Flickr, pulsamos «Share»
‐ Copiamos el HTML
‐ De nuevo hay que editar la entrada
directamente en HTML
‐ Pegamos el código anterior

53. Añadir una presentación
๏ Picasa:
‐ h3p://picasa.google.com/support/bin/
answer.py?hl=es&answer=66969
‐ En la web de Picasa, ir a un álbum de fotos
‐ En la derecha, pulsar «Enlazar a este álbum»
‐ Pulsar de nuevo en «Incrustar proyección de
diaposiEvas»
‐ Copiar el código HTML generado en Blogger (de
nuevo, en el modo de edición HTML)

54. Vídeos: YouTube, Vimeo...

55. Organizar la página

56. Organizar los elementos de la página

57. Organizar la página
๏ Dependiendo de la planElla seleccionada,
la página anterior se verá diferente
a) En función del número de columnas
b) Las propias planEllas pueden añadir o quitar
widgets
c) El orden de los elementos puede variar
๏ Veámoslo en las capturas siguientes

60. Ejercicio: organizar la página
๏ Cambiar la posición de algunos widgets
๏ Modificar el que Blogger incluye
automáEcamente con nuestros datos
personales
๏ Añadir un nuevo personalizados
‐ «Sobre este blog»
๏ Otros
‐ Fotos recientes en Flickr, úlEmos tweets,
etcétera

61. Limitaciones de Blogger

62. ¿Preguntas?

63. http://www.flickr.com/photos/fliegender/66007377/

64. Y, ya que esto va de web 2.0... ;)
www.flickr.com/photos/acebal
facebook.com/acebal
twitter.com/acebal
César Aceba
myspace.com/acebal acebal@uni
l
ovi.es
cesaracebal
.com
cesaracebal.blogspot.com/
lastfm.com/acebal
www.google.com/profiles/cfacebal
Sobre mí