Blog and Web

El RSS es excelente herramienta de distribución de contenidos. Es flexible, pero no hay tantas herramientas para su administración. Una tarea relativamente común con los feed’s es unir dos o más en uno solo. Por ejemplo, cuando un mismo sitio tiene dos instalaciones de WordPress, cuando tenemos más de un blog o bien, para unir el feed de todos los servicios sociales en uso.

Existen servicios externos que hacen la función, pero varios han quedado offline y otros más no funcionan tan bien como se quisiera. Además, queda el riesgo de que también desaparezcan por ser servicios "pequeños".

Hasta ahora el método más sencillo y estable que encontré es el de Yahoo! Pipes.

Unir feeds con Yahoo! Pipes

1. Entra en Yahoo! Pipes y crea un nuevo pipe (Create a pipe).

2. En la barra lateral veras todos los módulos disponibles. Arrastra uno del tipo "Fetch feed" (Sources → Fetch feed).

3. Agrega la URL de todos feeds que deseas unir.

4. Agrega un operador "Sort" (Operators → Sort), para ordenarlos por fecha de publicación (item.pubDate → descending). Ahora conecta la salida del módulo Fetch feed con el modulo Sort y la salida del módulo Sort con la salida del Pipe (Pise Output). La imagen de arriba lo ejemplifica.

5. Guarda los cambios (Save) y corre el pipe (Run pipe …). Ahora, en esta nueva página tendrás un previo del resultado y un enlace del nuevo Feed compuesto.

La URL resultante es algo como:

http://pipes.yahoo.com/pipes/pipe.run?_id=7bb5377e17a2091d2cc8cd22b000a95a&_render=rss

Por lo que conviene usar Feedburner y de este modo tener una URL más amigable y la información estadísticas y ventajas correspondientes.

Uno de los inconvenientes de este método es que Yahoo! Pipes borra el autor de cada artículo, en parte obvio, pues al ser feeds distintos podrían ser autores distintos.

Aunque puede parecer complicado si nunca has usado Yahoo! Pipes, en realidad es bastante intuitivo y fácil de seguir.

Notepad es un diseño originalmente creado para WordPress por N.Design, y portado a Blogger por BTemplates y Blog and Web. Es un diseño sencillo pero bastante legible y bien diseñado. Tiene dos columna, espacio para servicios sociales, soporte para página estáticas y configuración de fuentes y colores desde el panel.

Descargar

Blogger: Download Notepad | Demo

WordPress: Download Notepad | Demo

Instalación

Para instalarla consulta el videotutorial y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.

Configuración

Menú

Para agregar enlaces al menú basta con crear página estáticas desde el panel.

Servicios sociales

En el código (Inicio → Diseño → Edición de HTML) de tu plantilla busca:

<!-- Twitter -->
<a href='http://twitter.com/btemplates'><img alt='Twitter' src='http://1.bp.blogspot.com/_Zuzii37VUO4/S3e-sm7lwqI/AAAAAAAAEew/t-vJQW8WlPY/s1600/twitter.png'/>Twitter</a>

<!-- Facebook -->
<a href='http://www.facebook.com/bloggertemplates'><img alt='Facebook' src='http://4.bp.blogspot.com/_Zuzii37VUO4/S3e-sgbsENI/AAAAAAAAEe0/Q3jlgSzzDTg/s1600/facebook.png'/>Facebook</a>

<!-- Flickr -->
<a href='http://www.flickr.com/photos/fcovicente'><img alt='Flickr' src='http://4.bp.blogspot.com/_Zuzii37VUO4/S3e-sQixx3I/AAAAAAAAEes/YCWP9uP-ad0/s1600/flickr.png'/>Flickr</a>

<!-- RSS -->
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' src='http://3.bp.blogspot.com/_Zuzii37VUO4/S3e-sRr0FNI/AAAAAAAAEeo/NKEKZC-vGDQ/s1600/rss.png'/>RSS</a>
</p>

Cambio todos los enlaces href, por los tuyos.

Fecha

Cambia el formato de cabecera de fecha (Inicio → Configuración → Formato → Formato de cabecera de fecha) por la penúltima opción.

Licencia

Licenciado bajo GPL Puedes usar, traducir, convertir, modificar o distribuir una copia de plantilla, dejando intactos los créditos (sin quitar o agregar enlaces de los créditos).

Llegó Google Buzz, un nuevo intento de Google por tener parte de las interacciones en tiempo real y vincular sus servicios entre si. Seguramente en estos momentos no hay tantos usuarios en Google Buzz como en las redes social por excelencia, pero desde ya, puedes ofrecer un botón para compartir tus artículos en Google Buzz.

Para WordPress

En los archivos donde quieras mostrar el botón (por ejemplo single.php) agrega el siguiente código:

<a href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="bookmark">Buzz!</a>

Puedes incluirlo en todos los archivos donde muestras los servicios para marcación de favoritos, la única condición es que quede dentro del Loop.

Para Blogger

Si ya haz agregado otros servicios de marcadores sociales, el proceso es similar, e igual al botón de compartir en Twitter.

En el código de tu plantilla (Inicio → Diseño → Edición de HTML → Expandir plantillas de artilugios) busca:

<p class='post-footer-line post-footer-line-3'>

Justo abajo agrega el siguiente código:

<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title'>Buzz!</a>

Cuida que todas las etiquetas se abran y cierren correctamente.

Anotaciones

Si agregas este código a una lista de marcadores existentes, adáptalo a su formato; suele ser listas no numeradas, así que es posible tengas que las etiquetas <li> y </li>.

Como tal, el código en este post es solo un enlace, si quieres mostrarlo como un botón, en lugar de vincular al texto "Buzz!", vincula una imagen como la propuesta por savedelete:

O mashable:

Quizá es un poco temprano para saber si Google será una herramienta atractiva de promoción, al menos tan atractiva como para regalarle un espacio en cada artículo; Ya Goolge Bookmarks demostró que no porque sea Google, será popular. Por lo pronto, blogs como Mashable ya lo integraron.

Tú qué opinas ¿Google Buzz se volverá una herramienta popular?

Ya hemos visto el tema de escoger una tipografía adecuada para nuestro sitio, sin embargo hay algo que nunca se nos debe de escapar, sea cual sea la idea que tengamos entre manos y por experimental que quiera ser nuestro diseño, la legibilidad de nuestra tipografía.

Pero ¿Que hace a una tipografía legible?

La comunicación a través de la página requiere que el lector convierta símbolos (los caracteres tipográficos) en pensamiento. La legibilidad hace referencia a la mayor o menor facilidad para la realización de este proceso crítico. Ovink lo define como la facilidad y precisión con la que el lector percibe los textos impresos…

fuente: unostiposduros.com

En pocas palabras necesitamos que nuestra tipografía pueda hacer que nuestro lectores o visitantes puedan transformar eso en ideas y así comprender lo que nosotros queremos expresar,  recordemos también que el margen para que un usuario se interese por nuestro sitio es de aproximadamente cinco segundos si en esos pequeños segundos el usuario no logra encontrar un gancho que lo haga seguir leyendo abandonará nuestro sitio.

Por ello es importante que cuando diseñemos nuestro sitio tengamos en cuenta que el poder hacerlo legible nos dará la pauta para que los usuarios lo recuerden.

Y ¿Cómo aplico esto a mi diseño?

Continuar leyendo →

Ya antes comentamos que los bookmarlets son scripts hechos para que guardarse en favoritos (bookmarks en inglés, de ahí el nombre) y que al pulsarlos, ejecutan una acción. Quix, es uno de ellos, que se autodenomina con un bookmarlet con esteroides y con razón.

Quix abarca una gran cantidad de funciones que puede ser de gran ayuda a bloggers, desarrolladores o cualquier usuario asiduo de internet. Tiene funciones especificas para WordPress, SEO, webmasters, estadísticas, social media y hasta para aplicaciones externas.

Funcionamiento

Funciona como una barra de comandos en el navegador, donde al insertarse un comando o un comando y un parámetro realizamos una acción predefinida. Que mejor que verlo en video:

Ventajas

Continuar leyendo →