23
BLOGS FÁCIL, RÁPIDO Y MUCHAS VECES, SUFICIENTE Iván Martínez Toro

Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGSFÁCIL, RÁPIDO Y MUCHAS VECES, SUFICIENTE

Iván Martínez Toro

Page 2: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

ÍNDICE DE CONTENIDOS

� Blogs.

� ¿Qué son?

� Weblogs, bitácoras.

� Fauna que causa problemas.

� Consejos de edición.

� Blogger.

� ¿Buena elección?

� Creación de un blog.

� Publicar una entrada.

� Personalización.� Consejos de edición.

� Creación y mantenimiento.

� Personalización.

� Editar HTML+CSS de una Plantilla.

� Mi cuenta en Picasa.

� Insertar plantillas externas.

� Insertar Widgets/Gadgetsexternos.

� Estadísticas con Google Analytics.

� Suscribirse a RSS, ATOM… ¿qué?

Page 3: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS, ¿QUÉ SON?

� Son sitios web periódicamente actualizados que

recopilan cronológicamente textos o artículos de uno o

varios autores.

� Permiten interactuación con los lectores mediante

comentarios (si el autor los permite).

� Se usan a nivel personal, empresarial o enfocados a una

temática particular.

� Son hoy un consolidado medio de comunicación.

Page 4: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS, WEBLOGS O BITÁCORAS

� La palabra Blog hereda de Weblog.

� Weblog proviene de las palabras web y log ('log' en inglés = diario).

� En español también se utiliza el término Bitácora.

� Proviene de los cuadernos de bitácora.� Proviene de los cuadernos de bitácora.

� Cuadernos de viaje que se utilizaban en los barcos para relatar el desarrollo del viaje y que se guardaban en la bitácora.

� Este término se utiliza preferentemente cuando el autor escribe sobre su vida a modo de diario.

Page 5: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS, SU HISTORIA

� Parten de los “diarios en línea” (1994), forma de escribir en la red sobre la vida personal.

� Comenzaron a aparecer en sitios web apartados con “noticias”.

� Para facilitar la actualización de estos apartados, se simplificó la manera de publicar. Ya no se necesitaba preparación técnica.

� El término “Weblog” (1997) fue dividido por Peter Merholz en su blog en las palabras “We blog” (1999).

� Hasta el 2000 su crecimiento fue muy lento. A partir de entonces, explotó.

� En 2002 ya era un fenómeno para el que se realizaban escritos de técnicas, estudios en periodismo, etc.

� Hoy en día es uno de los servicios más populares y extendidos de internet .

Page 6: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS. FAUNA QUE CAUSA PROBLEMAS.

� Al igual que en foros, existen una serie de enemigos del buen funcionamiento del blog:

� Spam: mensajes de publicidad a menudo repetitivos y sin utilidad ni interés para nuestros lectores.

� Troles: personas que solo buscan provocar intencionadamente a los � Troles: personas que solo buscan provocar intencionadamente a los usuarios o lectores, creando controversia, provocar reacciones predecibles, especialmente por parte de usuarios novatos, con fines diversos.

� Leechers: (sanguijueglas), usuarios que se caracterizan por intentar aprovecharse de los recursos de los demás sin colaborar ni aportar nada, o de manera muy ínfima.

� Fake: usuarios que se hacen pasar por otros.

� Newbies: usuarios novatos que cometen errores.

Page 7: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS. CONSEJOS DE EDICIÓN.

� Enlaces en cada entrada.

� Muy recomendable enlazar páginas o blogs que tienen relación directa con el tema que estás tratando.

� Utiliza imágenes.

� Una imagen vale más que…� Una imagen vale más que…

� Si moderas los comentarios, avisa.

� Es posible que quieras revisar los comentarios antes de publicarlos, avísaselo al lector.

� Responde a los comentarios.

� El usuario se sentirá tenido en cuenta. Se generan coloquios!

� El que mucho abarca…

� Céntrate en un tema concreto, puedes tener varios blogs!

Page 8: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGS, CREACIÓN Y MANTENIMIENTO

� No son necesarios conocimientos técnicos avanzados.

� Existen herramientas, muchas gratuitas, para crear y administrar un blog. Son de dos tipos:

� Las que ofrecen una solución completa de alojamiento (Freewebs, Blogger, LiveJournal). Proveen de una interfaz para añadir o editar Blogger, LiveJournal). Proveen de una interfaz para añadir o editar contenido.

� Las herramientas consistentes en software que, al ser instalado en un sitio web, permiten crear, editar y administrar el blog directamente en el servidor que aloja el sitio (WordPress o MovableType).

Page 9: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,
Page 10: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER

� Servicio creado por Pyra Labs para crear y publicar un blog.

� El usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting.

� Blogger acepta para el hosting de los blogs su propio servidor (Blogspot) o el servidor que el usuario especifique (FTP).

� Creado en 1999, adquirido por Google (2003) que habilitó para el público general las “características premium” hasta entonces de pago.

� En 2004 Google compra Picasa haciendo posible colgar fotos en las entradas.

� En 2006 se habilitó la posibilidad de editar el código HTML.

� Es una de las herramientas más extendidas y utilizadas.

Page 11: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER, ¿BUENA ELECCIÓN?

� Gratuito.

� Potente.

� Extendido.� Extendido.

� Gestión directa del blog desde la web => posibilidad

de gestión desde cualquier lugar.

� Personalizable (hasta nivel de HTML+CSS).

� Fácil.

Page 12: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. CREACIÓN DE UN BLOG.

� Entrar en www.blogger.com y pinchar en crear blog ahora.

� Aparece un formulario de registro por si no tenemos cuenta en Google (imprescindible). En caso de que ya la tengamos, pinchamos en acceder a ella.

Page 13: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. CREACIÓN DE UN BLOG. (II)

� Introducir el título y la dirección de nuestro blog y continuar.

� Es posible que no se valide la dirección:

� Porque esté siendo utilizada.

� Porque hemos puesto caracteres prohibidos (espacios, guión bajo…)

Page 14: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. CREACIÓN DE UN BLOG. (III)

� Es el momento de escoger la apariencia de nuestro blog.

� Tendremos que escoger entre unas pocas plantillas.

� Elegir la que más se parezca a la apariencia final que queremos darle.

� Podremos modificarla en el futuro parcial o totalmente.� Podremos modificarla en el futuro parcial o totalmente.

� Existen plantillas para blogger alternativas a las aquí mostradas.

� Una vez seleccionada, continuamos y…. nuestro blog está creado! Es el momento de empezar a publicar.

� La siguiente vista que aparece es para introducir nuestra primera entrada o artículo. Podemos hacerlo o dejarlo para más tarde.

Page 15: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. PUBLICAR UNA ENTRADA.

� El interfaz de creación de entradas es similar a un editor de textos.

� También se parece a una herramienta WYSIWYG ya que todo lo que introducimos se traduce a HTML.

Page 16: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. PUBLICAR UNA ENTRADA. (II)

� Introduciremos el título de la entrada.

� También el cuerpo.

� Podemos seleccionar fuente, estilo, alineado…

� Podemos comprobar ortografía, añadir imágenes y videos.

� Podemos cortar y pegar.� Podemos cortar y pegar.

� Podemos editar el HTML para hacer cosas complejas:� Insertar tablas.

� Crear entradas con estructura basada en divs.

� Retocar algún estilo especial (bordes, etc.)

� Etcétera, etcétera.

� Una vez terminado podemos guardar la entrada o publicarla.� Instantáneamente o en diferido.

� Permitiendo o no los comentarios de los lectores.

Page 17: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. PERSONALIZACIÓN.

� Personalizar la configuración y funcionamiento.� En la pestaña Configuración debemos recorrer todas las pestañas

para comprobar que todo está a nuestro gusto (publicación, comentarios…)

� Elegir si queremos introducir Adsense (anuncios).� En la pesataña Monetizar podemos elegir el tipo de anuncios y � En la pesataña Monetizar podemos elegir el tipo de anuncios y

seguir los pasos para activarlos.

� Recordar la clase en la que hablamos de Google Adsense.

� Retocar el diseño del blog, sus partes y su look&feel.� En la pestaña Diseño.

� Editar elementos, recolocar y añadir Gadgets/Widgets.

� Retocar las fuentes y colores.

� Editar el HTML de la plantilla actual, descargarla o cargar otra.

� Seleccionar otra plantilla de entre las de Blogger.

Page 18: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. EDITAR HTML+CSS DE UNA PLANTILLA.

� En el interfaz de Blogger, ir a Diseño/Edición de HTML.

� Click en Expandir plantillas de artilugios para ver todo el código.

� El estilo CSS aparece embebido, en la parte superior.

� El código HTML ocupa el resto.

Son códigos nada sencillos, muy enrevesados. Para retocar algo � Son códigos nada sencillos, muy enrevesados. Para retocar algo concreto:

� Localizar la etiqueta que queremos retocar y la regla CSS que habrá que modificar usando FireBug.

� Cambiar, probar (Visualizar) y cambiar y probar y cambiar y probar…

� Los cambios sencillos o poco significativos salen rápido.

� Algunos cambios mayores (de estructura) son muy complejos.

� Siempre podemos buscar ayuda en Google.

Page 19: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. MI CUENTA EN PICASA.

� Picasa es un servicio de almacenamiento de imágenes.

� Cuando creo mi blog, se me asocia una cuenta en Picasa.

http://picasaweb.google.com

� Todas las fotos que subo a cualquier entrada se almacenan en mi cuenta.mi cuenta.

� Puedo subir otras fotos y referenciarlas en el HTML de la plantilla que esté usando:

� Para poner imágenes por el blog fuera de entradas.

� Para hacerme mi banner, o mi Logo.

� También me sirve como repositorio de imágenes por si no tengo hosting para otras webs.

Page 20: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. INSERTAR PLANTILLAS EXTERNAS.

� Existen plantillas gratuitas muy buenas.http://btemplates.com/

� Elegir y descargar la plantilla. Es un documento XML en un zip.

� En el interfaz de Blogger, ir a Diseño/Edición de HTML.

� Si hemos modificado la plantilla actual, lo mejor es descargarla para poder volver a utilizarla en el futuro. Descargar plantilla completa.

� Subir la primera plantilla que descargamos.� Puede que nos diga que se perderán algunos elementos actuales, ojo!

� Antes de guardar, darle a Vista Previa, por si no nos gusta.

� Finalmente, Guardar Plantilla.

Page 21: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. INSERTAR WIDGETS/GADGETS EXTERNOS

� Opción algo complicada:� Buscar el widget deseado en páginas gratuitas.

� Introducir su código en el html de nuestra pantilla dentro de un DIV al efecto.

� Añadir alguna regla CSS para posicionar dicho DIV en el blog.� Añadir alguna regla CSS para posicionar dicho DIV en el blog.

� Opción muy sencilla:� Buscar el widget deseado en http://www.widgetbox.com.

� Hacer click en Get Widget. Click en Blogger. Click Add Widget.

� En el interfaz de blogger, colocar el widget donde queramos.

� Como pega tiene la pequeña publicidad que aparece bajo el widget.

Page 22: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. ESTADÍSTICAS CON GOOGLE ANALYTICS

� Igual que lo introdujimos en nuestra web.

� Una vez tengamos nuestro blog en marcha:

� Entrar en Google Analytics: http://www.google.com/analytics/es-ES/

� Acceder con nuestro usuario de Gmail.� Acceder con nuestro usuario de Gmail.

� Pinchar en “+ Añadir una cuenta nueva”, luego en “Regístrese”.

� Rellenar los formularios siguientes.

� Añadir el código de seguimiento en el código html de la plantilla de nuestro blog justo antes de la etiqueta </body>.

Page 23: Blogs - UPMimartinez/CursoWebETSAM/files/Blogs.pdf · Una imagen vale más que… Si moderas los comentarios, avisa. Es posible que quieras revisar los comentarios antes de publicarlos,

BLOGGER. SUSCRIBIRSE A RSS, ATOM… ¿QUÉ?

� Cualquier usuario puede suscribirse a nuestro Blog.

� Lo que consigue es que le aparezca en su lector de RSS cada vez que añadamos una nueva entrada.

� Existen lectores de RSS locales (software instalado) y online como Google Reader.como Google Reader.

� Es interesante dar la posibilidad a los lectores de que se suscriban a nuestro blog.

� Por defecto aparece el link “Suscribirse a: Entradas (Atom)” en la parte de abajo del blog.

� Es posible añadir un Gadget que facilite la suscripción.