miércoles, junio 29, 2005

Insertar fotos en la bitácora con Flickr

¡Holaaa! Hoy os voy a hablar de un servicio chulísimo para compartir fotos y utilizarlas en las bitácoras. Ya era hora, ¿no?

Utilizamos www.flickr.com, que está en inglés pero es muy sencillo.


Registro

flickr01singup

Al cargar la página principal te aparecerá la opción "Sing up now!", que significa "regístrate ahora". Pulsa en ese botón.


flickr02datos

A continuación te pide unos datos mínimos: un nombre para mostrar, un correo electrónico y una contraseña. Activa la casilla que reza "I am over 13 years old..." que significa que eres mayor de 13 años y aceptas las condiciones del servicio. Cuando acabes, haz click en "Sign up".


flickr03mail

A la cuenta de correo que has introducido llegará un mensaje como este. Debes pulsar el enlace que te ofrece para confirmar que quieres registrarte.


flickr04confirmado

Si todo va bien, te aparecerá una pantalla como la superior. Te está informando de que ya estás registrado y tu correo ha sido confirmado. Luego aparece una lista de opciones que puedes hacer. Pulsa en la primera, "Upload a photo", para cargar tu primera imagen.

Por cierto, antes de seguir, una vez registrado sólo tienes que pulsar en "Log in" en la portada y recordarle al servicio tu correo y tu contraseña para acceder.

flickr01singup


Subir imágenes al servicio

flickr05upload

Cada vez que pulses en "Upload" o "Upload photos", como puedes observar, puedes cargar no sólo uno, sino hasta seis archivos de imagen. Pulsa en "Examinar" para buscar la foto en las carpetas de tu ordenador. Carga cuantas quieras y luego pulsa en Upload. Por cierto: el servicio tiene un límite de 20KB al mes, que no está nada mal.


flickr06tags

Luego tendrás que esperar un ratito a que las imágenes se guarden. No suele tardar mucho si no son demasiado grandes. Una vez cargadas te aparecerán en pantalla y a su derecha tendrán una ficha como la de la imagen. Sirve para que titules la foto y escribas un comentario si te apetece. Sin embargo, lo más interesante de todo es la tercera opción: "tags". Eso se puede traducir como "etiquetas". Son palabras que describen el contenido y dónde se tomó la foto, de manera que otros usuarios pueden contactar contigo si buscan esas palabras.

Por ejemplo, si escribes "Cartagena" y alguien quiere ver fotos de Cartagena, te encontrará sin ningún problema. Pulsa en "Save" para guardar los cambios.


Insertar la imagen en la bitácora

flickr07galeria

A continuación te aparecerán las imágenes en una especie de galería como ésta. También aparecerá esta pantalla cuando pulses "Yours", que significa "las tuyas" (tus fotos) en inglés. Para insertar una en la bitácora, pulsa en ella.


flickr08fotoficha

Aparecerá esta pantalla, pulsa en "All sizes".


flickr09codigo

Debajo de la imagen aparecerán estos campos. El segundo te ofrece el código HTML de la imagen. Selecciónalo con el ratón y cópialo. Luego simplemente tienes que pegarlo en el cuerpo de texto de tu artículo.

En varios sistemas de publicación te ofrecen servicios para hospedar imágenes, pero es posible que prefieras utilizar Flickr para tener tus imágenes en galería. Veamos cómo pegar el código en cada servicio:
  • En Blogia, Bitacorae y La Coctelera, pega el código directamente en el cuerpo del artículo. Cuando lo publiques aparecerá la imagen.
  • En Acelblog, bajo el cuadro de texto aparece una opción "texto - html". Púlsalo, pega el código en el campo de texto, vuelve a pusarlo y continúa redactando el archivo.



  • En Blogger, en la pantalla para redactar artículos, pulsa en "Edit HTML", pega ahí el código, y vuelve a pulsar luego en "Compose" para seguir redactando el artículo.
flickr10blogger


Traducciones:
Flickr es un servicio que merece mucho la pena. Te adjunto algunas traducciones para que sigas investigando cómo funciona:
  • Yours / Your photos = Las tuyas / Tus fotos. Galería donde se guardan todas las fotos que has cargado.
  • Delete = Eliminar. Para eliminar la imagen.
  • Comments = Comentarios. Para comentar alguna de las fotos.
  • Your tags = Tus etiquetas. Esta opción te permite ver todas las palabras con las que has clasificado tus imágenes. Si la mayoría las has calificado con la palabra "Soria" porque las hiciste allí, esa palabra aparecerá más grande que el resto. Un ejemplo.
  • Upload = Subir. Para subir fotos al sistema.

martes, junio 28, 2005

Escribir un artículo en La Coctelera

Tras registrarte en el servicio y crear una bitácora con La Coctelera, lo siguiente que puedes aprender es a acceder al administrador y escribir un artículo incluyendo en él una imagen.

Para eso ve a la página www.lacoctelera.com e indica (como en la imagen) el nombre de usuario y la contraseña (o clave) que elegiste al crear la bitácora.

coc05administrador


A continuación pulsa en "Blog!" y te aparecerá esta pantalla:

coc06articulonuevo


En ella tienes varias opciones:
  • Incluir archivo. Puedes insertar en el artículo una imagen u otro tipo de archivo.
  • N. Texto en negrita. Para usarlo, selecciona el texto deseado y pulsa esta opción. Aparecerá un código rodeando ese texto. Pero no te preocupes: al publicar el artículo, el texto aparecerá como lo querías.
  • C. Texto en cursiva. Se utiliza de la misma manera que el anterior.
  • Enlace. Para enlazar una imagen o el texto a otra página. Selecciona aquello que quieras enlazar con el ratón, pulsa el botón e indica la dirección web a la que quieras que conduzca.
  • Cita. Para que una parte del texto tenga más sangría que el resto. Se utiliza de la misma manera que la opción de negrita y cursiva.

Incluir una imagen

coc07archivo

Al pulsar en "Incluir archivo" aparece esta pantalla situada arriba de estas palabras. Pulsa en "Examinar" y busca en las carpetas de tu ordenador la imagen deseada. A continuación pulsa el botón que reza "Incluir".


coc08codigoimagen

Tras cargar el archivo, el sistema te ofrece tres códigos diferentes según cómo quieras que aparezca la imagen: a la izquierda o a la derecha del texto o centrada. Selecciona con el ratón todo ese código, cópialo, cierra la ventana y pégalo en el campo del texto del artículo. Cuando lo publiques aparecerá la imagen sustituyéndolo.


Ejemplo

Esta página de código...

coc09codigoarticulo

... al publicarla queda así.

lunes, junio 27, 2005

Foro Social de Madrid

forosocialmadrid


Convocatorias e información sobre las actividades del Foro Social de Madrid en su blong, activo desde febrero de 2004. Lo interesante de esta página es que se actualiza con mucha frecuencia, pero le encuentro alguna carencia: no indica la sede del foro, no habla de sus miembros, ni da una dirección de contacto.

domingo, junio 26, 2005

Bloglet para crear suscripciones en Acelblog

bloglet1logo

El servicio Bloglet te permite la posibilidad de que tus lectores reciban cada día los textos e imágenes que publicas en tu bitácora o blong (=blog + ONG), es decir, crea suscripciones. Sólo tienes que registrarte y pegar un código en la plantilla de tu blog. Las limitaciones: está en inglés y de momento se puede utilizar en pocos sistemas de publicación, entre ellos Acelblog y Blogger.

Si tu blong está hecho con Acelblog, ¡empecemos! Ve a www.bloglet.com y encontrarás esta pantalla:

bloglet2instrucciones

  • Dentro del cuadro How it works, pulsa en Singup with Bloglet.

bloglet3sing

  • En la siguiente pantalla, rellena los campos con tu correo electrónico y repite la contraseña. Pulsa en Submit cuando acabes.
  • En la siguiente pantalla, completa la siguiente información:
bloglet6datosacelblog

  1. Título de la bitácora
  2. Dirección web de la bitácora
  3. Username. Es la palabra que utilizas para identificarte y acceder al administrador
  4. Password. Contraseña
  5. Server. Copia aquí la dirección de sindicación de tu bitácora. Esa dirección es la que aparece en el navegador al pulsar en la palabra "Sindicación" de tu bitácora, que está justo debajo de la palabra "Administrar". Tiene que ser algo parecido a esto: http://nombredelblog.acelblog.com/rss.xml
  6. Weblog type. Elige en el desplegable la opción RSS.
  7. Enabled. Activa la casilla para permitir las suscripciones.
  8. Email setting. Activa la primera casilla si no quieres que se envíe toda la información del artículo. En la segunda casilla puedes indicar hasta cuántos caracteres quieres que se envíen. Activando la última casilla se envía el artículo entero cada vez que publiques algo.
  9. Pulsa en Add Weblog cuando acabes.

bloglet5codigo

  • En la siguiente pantalla aparece un código llamado "código HTML". Copia todo el texto y símbolos que aparecen seleccionándolos con el ratón.

Incluir el código en la bitácora

A continuación vamos a incluir el código HTML en uno de los artículos. Puedes crear una categoría exclusiva para este artículo que se titule algo así como "suscripción al boletín" o "¡suscríbete!" y relacionar el artículo con ella para que siempre esté visible y a mano.
  • Primero, accede al administrador de tu bitácora en Acelblog y pulsa en "Escribir artículo".
bloglet7codigoacelblog

  • Bajo el cuadro de texto encontrarás un botón que reza "texto - html". Púlsalo y pega dentro del campo vacío el código. Luego vuelve a pulsar el botón de conversión"texto - html" y verás que el código se transforma.

bloglet8traducir

  • Aparecerá el texto en inglés, así que hasta puedes traducirlo escribiendo algo así como "Introduce debajo tu dirección de correo para suscribirte a..." y el nombre de tu blong.
Y como diría un francés: voilà!

sábado, junio 25, 2005

Crear una bitácora en La Coctelera

coc01logo

La Coctelera es un nuevo sistema de publicación con una estructura y diseño muy
llamativos.


coc02crear

Para comenzar pulsa en "Crea tu blog". Aparece la siguiente pantalla un formulario para que anotes unos datos mínimos. Es fácil de rellenar, sólo tienes que tener en cuenta lo siguiente:

coc03registro
  • Nombre de usuario: la expresión que indiques aquí luego se convertirá en parte de la dirección de la página. Si escribes "asociacionficticia", tu blong luego tendrá la siguiente dirección: "http://www.lacoctelera.com/asociacionficticia"
  • No olvides apuntar el nombre de usuario, la contraseña y la dirección de correo electrónico que indiques, necesitarás luego estos datos para administrar la página.
  • Activa la casilla de las Condiciones de servicio.
  • Proporciona una dirección de correo eletrónico que sea real.
Pulsa en "Continuar" cuando acabes.

coc04plantillas

En la siguiente pantalla, selecciona el diseño de plantilla que te parezca más apropiado para el blong y pulsa en el botón "Continuar".

coc04ya

A continuación el sistema te proporciona la dirección web de la bitácora creada. Apúntala. Pulsa en "Ir a tu blog" para comenzar a editarla.

Para este turorial he creado el siguiente blong:

Consulta: incluir un calendario en el blong

Sergio de La Fábrica de la Participación pregunta lo siguiente:
¿Cómo puedo añadir al blong un calendario en el que pueda ir metiendo actividades?
Algunos servicios de alojamiento de bitácoras incluyen esta herramienta, pero si tu bitácora ya está creada y no sabes programar un calendario puedes utilizar servicios externos como el de Bravenet.

calendario-bravenet

  • Pulsa en Get one free!
  • Pulsa en Join Bravenet Now y regístrate en el servicio
  • Una vez registrado accedes al administrador, para añadir acontecimientos al calendario pulsa en Events
  • En la opción General settings puedes indicar la dirección del blong, quién puede introducir acontecimientos en el calendario y otras preferencias
  • Para incluir el código del calendario en la plantilla del blog, pulsa en Copy/Paste Code
  • Para ver el calendario, pulsa en View service
Por cierto, ¡el blong de La Fábrica de la Participación ya tiene su propio calendario!

viernes, junio 24, 2005

Sin Género de Dudas

singenerodedudas
  • es una bitácora especializada en Género y democracia
  • es la web personal de su autora, Carmen Castro García
  • es una comunidad virtual de interés para la creación, el intercambio y la difusión del conocimiento con enfoque de género.

jueves, junio 23, 2005

Cómo colaborar en Blong

Acércate a cualquier asociación de tu barrio. Seguro que hacen actividades muy chulas y poca gente las conoce. Puedes optar por ser:
  • Monitor Blong. Enseñarles a crear su propio blong
  • Reportero Blong. Convertirte en voluntario de la asociación y llevar tú mismo el blong de la organización
Una vez allí, ¡cuéntanos tu experiencia!

monstruo

Por cierto, ¿no conoces organizaciones? Encuentra la tuya en:

miércoles, junio 22, 2005

Bloglet para crear suscripciones en Blogger

bloglet1logo

El servicio Bloglet te permite la posibilidad de que tus lectores reciban cada día los textos e imágenes que publicas en tu bitácora o blong (=blog + ONG), es decir, crea suscripciones. Sólo tienes que registrarte y pegar un código en la plantilla de tu blog. Las limitaciones: está en inglés y de momento se puede utilizar en pocos sistemas de publicación, entre ellos Blogger.

Si tu blong está hecho con Blogger, ¡empecemos! Ve a www.bloglet.com y encontrarás esta pantalla:

bloglet2instrucciones

  • Dentro del cuadro How it works, pulsa en Singup with Bloglet.

bloglet3sing

  • En la siguiente pantalla, rellena los campos con tu correo electrónico y repite la contraseña. Pulsa en Submit cuando acabes.
  • En la siguiente pantalla, completa la siguiente información:
bloglet4datos

  1. Título de tu bitácora.
  2. Dirección web de la bitácora.
  3. Weblog ID. Para averiguarlo en Blogger, entra en el administrador y mira la dirección web. El ID es el número que aparece al final, tras el signo = .
  4. Username. Es la palabra con la que te identificas para comenzar a administrar tu bitácora.
  5. Password. El mismo que utilizas para acceder al administrador.
  6. Server. Déjalo en blanco.
  7. Weblog type. Elige el que corresponda.
  8. Enabled. Desactiva la casilla cuando quieras eliminar el servicio de suscripción.
  9. Email setting. Activa la primera casilla si no quieres que se envíe toda la información del artículo. En la segunda casilla puedes indicar hasta cuántos caracteres quieres que se envíen. Activando la última casilla se envía el artículo entero cada vez que publiques algo.
  10. Pulsa en Add Weblog cuando acabes.

bloglet5codigo

  • En la siguiente pantalla aparece un código llamado "código HTML". Copia todo el texto y símbolos que aparecen seleccionándolos con el ratón.
Insertar el código en la plantilla de Blogger
  • Con el código copiado, accede a la pestaña "Plantilla" del administrador de Blogger.
  • Localiza un texto que reza "This is a paragraph of text that could go in the sidebar".
  • Pega el código bajo esa frase, pulsa en Guardar cambios en plantilla y vuelve a publicar el blog entero.

He conocido este servicio gracias a La Fábrica de la Participación.

Pobreza Cero

noticia_6629

Más de 1.000 ONG llaman a la participación en la Manifestación contra la Pobreza. 26 de junio en Cibeles. Leer más.

martes, junio 21, 2005

El blong de la Fábrica de la Participación

abiertayeficaz

En el diario de la Fábrica de la Participación informan sobre las investigaciones de esta organización "para desarrollar herramientras que permitan seguir participando a mucha gente en esta Fábrica de la Participación Infantil y Adolescente".

Empieza muy fuerte este blong Sergio, incorporando imágenes de los chicos y muchos servicios añadidos en la bitácora.

lunes, junio 20, 2005

Cómo generar secciones en Blogger

El servicio de publicación Blogger de momento no ofrece la posibilidad de clasificar nuestros artículos de forma automática en secciones. La forma que os propongo a continuación es totalmente manual y lo suficientemente aburrida como para animaros a buscaros otro sistema de publicación o rechazar la posibilidad de crear secciones en nuestra bitácora de Blogger.

La única posibilidad que se me ocurre, que es la manera en la que yo he generado las secciones en esta misma bitácora, es la siguiente:

1) Genera tantos artículos como secciones necesites. Te sugiero que el título sea el nombre de la sección y que incluyas una palabra como “sección” o “archivo” o una que creas que va a aparecer menos a menudo en tu blog como "bloque", “cajón”, “armario” o “categorías”, porque luego tendrás que buscar a menudo ese post con el buscador de Blogger y no es cuestión de que tengas que leer los títulos de 500 posts.

2) En cada uno de esos posts, haces el índice a mano de los artículos que pertenecen a esa sección. Recomiendo ordenarlos desde el post más nuevo al más antiguo y organizarlos por meses del año. A cada post nuevo que hagas, tienes que buscar el índice de la sección a la que pertenezca e incluir su título, una descripción si te apetece y el enlace permanente a ese post nuevo.

3) Ahora que tienes los índices creados sólo te falta incluir enlaces hacia ellos desde la portada utilizando el enlace permanente de cada uno.

blogger_secciones1

Índice hecho a mano de la sección "Sistema Blogger" de esta bitácora.

Ver también:

Aviso:
Si cambias la fecha o el título del artículo-índice, tienes que modificar el enlace incluido en la portada puesto que la dirección varía.

domingo, junio 19, 2005

¿Qué es un enlace permanente?

La mayoría de las bitácoras poseen enlaces permanentes. Se trata de la dirección hacia la página en la que se alberga un único artículo de nuestra publicación. Es decir, si pulsas en ese enlace aparecerá únicamente el texto de un artículo concreto.

Normalmente, cada artículo (también llamado post) tiene un enlace permanente (también llamado permanent link o permalink).

Pero, ¿cómo se reconoce cuál es el enlace permanente de un artículo? Pues es fácil reconocerlo, pero cada sistema de publicación y cada diseño de bitácora suele marcarlo de forma diferente. Puede contenerlo:
  • El título del artículo
  • Una almohadilla (#)
  • Una arroba (@)
  • La fecha del artículo, que es la forma en la que están representados los enlaces permanentes de esta bitácora.
Además, suelen ser direcciones web bastante largas, que contienen muchas veces la fecha y parte del título del artículo o un número. Por ejemplo, el enlace permanente a este artículo es el siguiente:

http://proyectoblong.blogspot.com/2005/06/qu-es-un-enlace-permanente.html

Qué secciones puede tener un blong

Nuestra blong (bitácora o blog de ONG) puede centrarse en una única campaña de la organización o puede ser el diario personal de uno de nuestros beneficirios. Si finalmente decidimos realizar un blong general sobre todas las actividades de nuestra asociación, os sugiero que contenga las siguientes secciones.

Las imprescindibles:
  • Quiénes somos. Perfil de nuestros miembros, voluntarios, beneficiarios, socios y donantes.
  • Qué hacemos. Descripción de los programas y actividades que organiza la organización.
  • Dónde estamos. Localización de la sede o sedes. Transportes con los que podemos acercarnos: líneas de metro, autobús, cercanías, etc.
  • Cuándo estamos. Horarios de atención al público.
  • Por qué lo hacemos. Causas de la creación de la ONG y objetivos que se propone.
  • Contacto. Teléfono, correo postal y correo electrónico.

Más sugerencias:
  • Agenda. Anunciar todas las actividades y acontecimientos previstos para que los interesados puedan participar puntual o permanentemente.
  • Sensibilización. Mensajes de protesta y denuncia.
  • Cómo colaborar. Qué tipo de trabajo puede hacer un voluntario si se decide a unirse a vosotros.
  • Rincón literario. Dibujos y escritos de miembros de la organización.
  • Actualidad. Enlaces y referencias a las noticias publicadas en los medios de comunicación relacionadas con los asuntos que trabaja la asociación.
  • Recursos sociales. Reseñas de servicios públicos y privados a los que pueden acceder los beneficiarios. Por ejemplo: albergues en la ciudad para inmigrantes.
  • Formación. Libros, cursos y otros recursos para aprender más sobre nuestra causa.
  • Comunidad. Grupo de mensajes personales de los miembros para expresarse libremente y conocerse los unos a los otros.

sábado, junio 18, 2005

Introducir enlaces en la plantilla de Blogger

Puede que, junto al texto de la portada, en la columna del menú, queramos enlazar hacia páginas interesantes relacionadas con el contenido de nuestro blong.

Por ejemplo en esta página, vemos así los enlaces:

blogger_enlaces1

Para crearlos debes ir a la pestaña "Plantilla" en el administrador de Blogger. Allí, en el campo de texto que contiene el código tienes que buscar algo parecido a esto: (haz click sobre la imagen para aumentar el tamaño)

blogger_enlaces2

Como puedes observar, la plantilla ofrece tres ejemplos de cómo insertar un enlace. Lo único que tienes que hacer es sustituir en ellos la dirección que te interesa donde pone "http://EDITME!". Escribe la dirección completa, sin olvidar el "http". En donde se indica "Edit-Me" borra ese texto y escribe el nombre de la página.

blogger_enlaces3

Como vemos en este ejemplo, hemos insertado enlaces a Blong, Canal Solidario y Haces Falta. Si deseas incluir más enlaces simplemente copia la estructura del código.

Cuando hayas acabado pulsa en "guardar cambios en plantilla" y, a continuación, vuelve a publicar el blog entero.

viernes, junio 17, 2005

¿Por qué tener un blong y no una web?

Ventajas que tiene una bitácora (también conocida como weblog o blog) comparándola con una web corriente:
  • Se puede actualizar con más frecuencia. Hay demasiadas webs de ONGs con contenidos de varios años de antigüedad
  • Pueden ser varios los redactores (democratización) y además todos los lectores pueden contribuir gracias al sistema de comentarios
  • No requiere de grandes conocimientos de informática ni de una gran inversión económica.

jueves, junio 16, 2005

Blogs! de Anima Naturalis

animanaturalis1

Anima Naturalis es la mayor organización latinoamericana para la protección de animales. Ellos también encuentran las bitácoras (weblogs o blogs) como una herramienta muy valiosa para la comunicación entre sus voluntarios y activistas y por eso ha creado un servicio de publicación de bitácoras llamado Blogs!.

¡Enhorabuena!

Entrevista en Bitácoras.org

bitacorasorg

Me entrevistan en Bitácoras.org a propósito de este proyecto. ¡Muchas gracias!

Diario de un preso

diariodeunpreso


Un blog o bitácora no tiene por qué ser algo institucional. Voluntarios, beneficiarios, donantes... pueden contarnos sus experiencias personales mediante estos sistemas de publicación a modo de diario. Es el caso de Marco Antonio, que explica su proceso de reinserción social en Diario de un preso.

miércoles, junio 15, 2005

Incluir enlaces en Acelblog

Además de introducir enlaces dentro de nuestros artículos, desde el menú lateral de nuestra bitácora podemos enlazar otras páginas que consideremos interesantes. Para eso entra en el administrador de Acelblog y pulsa en "Enlaces". Aparecerá la siguiente pantalla:

acelblog_enlaces1


Clasificar los enlaces

Puede que las páginas que te interese enlazar sean muchas. Por eso las puedes clasificar en grupos. Pulsa en "Nueva categoría de enlaces". Esta es la pantalla que aparece:

acelblog_enlaces2

En el campo "Nombre" titula el grupo de enlaces que quieras crear y luego descríbelo. Pulsa en "crear categoría de enlaces". Repite el procedimiento para crear nuevos grupos de enlaces.


Crear un nuevo enlace


Dentro de la sección "Enlaces" pulsa en "Nuevo enlace". Aparecerá esta pantalla:

acelblog_enlaces3

  • En el campo URL introduce la dirección completa de la página web que quieras recomendar. Por ejemplo: http://www.canalsolidario.org.
  • En el campo siguiente, escribe el nombre de esa web. En nuestro caso, Canal Solidario.
  • A continuación puedes describir los contenidos que ofrece esa página y explicar por qué la recomiendas.
  • En el menú "Categoría de enlaces" escoge el grupo en el que quieras incluir este enlace.
Finalmente pulsa en "Crear enlace". Repite el procedimiento con todos los enlaces que desees incluir.

Más lecciones sobre el sistema Acelblog.

[Olga Berrios]