Bien, tras mucho andar de aquí para allá, muchas horas entre perdidas y ganadas y muchas pestañas hechas ceniza, por fin he logrado dar forma a mi idea original para Mi Blablablog. Es decir: una página de Blablablog totalmente personalizable por el usuario, de tal forma que a la propuesta inicial del servicio cualquiera pueda añadir, quitar, editar y estructurar a su gusto todos y cada uno de los bloques de feeds.
Mi Blablablog es ahora una potente aplicación Ajax con múltiples posibilidades que, básicamente, te permiten diseñar tu propio contenido y volver a él cuando quieras gracias al proceso de identificación mediante cookies. Éstas son los principales características:
– Posibilidad de añadir nuevos bloques de feeds:
¿Se te quedaban cortas las propuestas por defecto de Blablablog? ¿Te parece poco el número de bloques predefinidos? Bien, pues ahora ya puedes añadir cuantos bloques te apetezca con la herramienta ‘Añade tu feed’, tan sólo cumplimentando el formulario que aparece bajo la cabecera de Mi Blablablog. Pero no sólo puedes añadir bloques, sino que también puedes escoger su presentación:
- RSS url: dirección del feed que quieras añadir
- Titulares: número de titulares que quieres que se muestren
- Refrescar cada: período de actualización del feed en minutos
- Fijar alto: determinar la altura del bloque
Al pulsar añadir, el nuevo bloque se presentará superpuesto a alguno de los existentes. Gracias a la herramienta para mover bloques que veremos más abajo, podrás colocar el nuevo bloque donde desees, tan sólo arrastrándolo a un espacio vacío al final de la página o sobre cualquier otro bloque en el que lo quieras colocar.
– Herramienta de traslado:
Situando el cursor sobre la cabecera de un bloque (línea donde se encuentra el título de la web), éste se transformará en una herramienta de desplazamiento. Pulsando y arrastrando podrás colocar el bloque donde quieras: intercambiar la posición con otro bloque o situarlo en un espacio vacío al final de la página.
– Herramienta de mostrar/esconder bloques:
Situando el cursor sobre la cabecera del bloque, aparecerá una cuña a la izquierda del nombre de la web. Pulsando sobre ella el contenido del bloque se esconderá. Pulsa otra vez y el contenido volverá a aparecer.
– Herramienta de edición del bloque:
Situando el cursor sobre la cabecera del bloque, aparecerá el enlace ‘Editar’. Pulsa sobre él y te aparecerá un formulario similar al de ‘Añade tu feed’, pero que sólo afectará al bloque en cuestión. Ahí puedes cambiar los parámetros del bloque (número de titulares, altura del bloque y período de actualización) e incluso sustituir la fuente RSS por otra de tu elección. Con esta herramienta también puedes consultar la dirección del feed de un bloque en concreto.
Al finalizar, pulsa sobre ‘Fin editar’, y listo.
– Herramienta de actualización inmediata:
Situando el cursor sobre la cabecera del bloque, aparecerá un icono de actualización (dos flechas en sentido contrario). Pulsando sobre él, los titulares del bloque se actualizarán inmediatamente.
– Herramienta de eliminación de bloques:
Al igual que los anteriores, esta herramienta aparece al situar el cursor sobre el header de un bloque. Se trata de la clásica X. al pulsarla, se eliminará el bloque. Ve con cuidado.
– Página por defecto:
La página por defecto está basada en la página principal de Blablablog, con alguna variante. En cualquier caso, es sólo un punto de partida para tu personalización.
– Partir de cero (volver a la página por defecto):
Recuerda que los cambios que hagas en la página quedarán registrados en tu cookie. Para empezar de cero otra vez, borra los cookies en tu navegador y vuelve a recargar la página.
– Por hacer:
Buscar una forma de mostrar un extracto del contenido de los artículos en cada titular.
Mi Blablablog es una adaptación del script Dragable RSS boxes, de dhtmlgoodies.
Actualización (10 abr-03.41 h): He liberado el código fuente y un mashup-plugin para WordPress.
18 comentarios
Cada formato de suscripción tiene su propio elemento para resumen de la anotación. Llegado el caso, siempre podés fijarte como hace WP para cortar la anotación después de N tantas palabras.
No, Federico, si ese punto lo tengo claro. El problema al que me enfrento es que el script original no filtra el html de los feeds y cada vez que intento mostrarlos se me va todo al c… Estoy mirando cómo filtrar el html, luego la fórmula ya la tengo clara, al igual que en el resto de Blablablog.
Un saludo.
Una objección: el color de fondo es demasiado oscuro, lo que resta legibilidad. Es bonito el diseño, pero hay que prensar en la practicidad, también llamada ergonomía.
PD: como se haga popular este servicio, el consumo de ancho de banda puede dispararse, digo. Así que procurar ir optimizando en la medida que te sea posible.
Maty, Mi Blablablog, como casi todo Blablablog, tiene dos diseños que puedes alternar con solo pulsar los botones correspondientes.
Si no te gusta el oscuro, escoge el claro 😉
Un saludo.
Lo de “Mi BlaBlaBlog” es ya la pasada… un trabajo curradísimo… y, como siempre, muy elegante. Felicidades y gracias por hacernos ahorrar tiempo. Un saludo…!!!
Lo que has hecho y sigues actualizando me parece espectacular. Tal como dice magacin66, es una verdadera pasadalo de mi blablablog ¿Cuándo vas a parar de incorporar cosas nuevas? Enhorabuena de nuevo.
Un abrazo
Pues yo lo sigo viendo con fondo oscuro: http://blablablog.es/?page_id=13#
http://blablablog.es/#
Lo único con un fondo más claro (gris) es
http://blablablog.es/todorss/
Y eso que he deshabilitado mis filtros AdBlock y he puesto el Proxomitron en Bypass. Con K-MeleonCCF 0.0.05.3 Nauscópico (Gecko).
Con Avant Browser (IE) -de una lentitud exasperante, en comparación con el anterior- entonces sí, al darle en el icono de fondo claro.
Vuelvo al K-Meleon, y ahora sí, pero tras darle al botón. Me gustaría que apareciese directamente con ese fondo claro, al ir directamente:
http://blablablog.es/#
Además, para que me funcione, he de poner en Bypass el Proxomitron.
Pues nada, añadiré blablablog.es a la lista de páginas que no han de ser ser filtradas por el proxy local.
Por cierto ¿metrics.performacing.com? Tenía la cookie prohibida en el navegador. La he permitido, pero nada cambia.
¿Publi? ¿contador?
C:\Archivos de programa\ProxN45\Lists\Bypass List.txt
He añadido la siguiente línea (a través del programa o editando directamente el fichero de texto), para que Proxomitron no filtre el servicio en todo el dominio:
[^/]++blablablog.es/
Eso sí, las imágenes de Flicks y YouTube las elimino, ya que no me aportan nada de interés para mí. Opto por la rapidez.
Ah, he vuelto a negar las cookies procedentes de perfomacing.com y metrics.performacing.com.
También añadidas al AdBlock:
http://*.performacing.com
http://*.perfomacing.com
Maty, yo que tú apostaba por algo más simple 😉 Vaya lío que te traes con tu navegador 😛
Un saludo.
Para mí la seguridad es un tema prioritario.
Por lo demás, supongo que ya sabes que estoy elaborando filtros para combatir la publicidad en la red, que pienso compartir.
Los nuevos los voy generando con el AdBlock (escribiré un manual), pero los del Proxomitron me siguen interfiriendo, y eso que he bajado mi nivel de “casi paranoico”.
Aún así, sigue siendo necesario. K-MeleonCCF no permite editar los permisos de javascript, a diferencia de Firefox (plugin noscript). Pero… hace años que el javascript lo tengo “controlado” para todos los navegadores gracias a mis filtros en Proxomitron.
Antaño también las cookies, pero ahora los navegadores ya se encargan de ello, permitiendo sólo las pertinentes.
Ten en cuenta, que el manual del Proxomitron en castellano lo escribí yo. El que está en inglés es bastante lioso y asustaba al personal. Lástima que Privoxy (disponible también en Linux) no esté a su nivel. Si no hubiese fallecido su autor, el Proxomitron habría tenido una evolución espectacular.
¿Y después de hacer todo esto te queda tiempo para currar? jeje.
Lo de hacerlo personalizable ha sido una gran idea y si por algo tiene más mérito aún Blablablog es porque no pretendes llevarte tu todos los méritos y muestras de quién es la idea original.
@ Manuel
Antes me he acordado de ti. Creo que tal vez este sucedido pueda inspirarte para cuando presentes tus canciones:
Retroklang: Anécdotas musicales (9)
http://www.retroklang.com/?p=420
😀
Lo de liberar el código es la caña Manuel. Muchas felicidades por tu curro.
[…] Manuel M. Almeida -Mangas Verdes- libera el código de Mi Blablablog: “Mi Blablablog es ahora una potente aplicación Ajax con múltiples posibilidades que, básicamente, te permiten diseñar tu propio contenido y volver a él cuando quieras gracias al proceso de identificación mediante cookie” (Seguir leyendo). […]
¿Filtrar el HTML con
strip_tagsno es una opción?Trackback from ABADIA DIGITAL
Manuel M. Almeida ha liberado el código fuente de Mi Blablablog, un portal totalmente configurable que hace un uso intensivo de Ajax y que está preparado para mostrar los últimos artículos…
[…] – FotografÃÂa Digital y una cámara de fotos… mentirosa 😛 – Mangas Verdes agrega funcionalidades a Blablablog – Andrea con las primeras imagenes de un juego de Nintendo Revolution – Loogic lanza Eventtos en Argentina – Alex Sancho y un concurso interesante – bootlog ¿Y a esta Diva la conoces? – Vida Vacia y una nota sobre podcasting – Tecnorantes con una de esas cosas de los mundos virtuales que me siguen desconcertando Como la vida misma 😛 – Mangas Verdes y unos tips para Optimizar Firefox – Furilo y algo que puede ser una buena idea – Alt1040 estos ponjas no terminan de hacer videos bizarros – Alt1040 y el pragmatismo de Google – Minid y sus 5 años blogeando – Isopixel con una aplicacion divertida – Fabio adsenseado habla de las pascuas […]