Blogger: Lo mejor del 2008 es que termina

Ayer me quejaba amargamente (uno siempre se queja amargamente) que los feeds de comentarios siguen funcioanndo mal (en realidad no funcionan) y que nadie dice nada, los desarrolladores deben estar aún bajo la influencia de la resaca navideña o preparándose para la resaca de fin de año ... quién sabe. Diez dias con un error tan básico como los feeds de un sitio es MUCHO MUCHO tiempo.

La queja fue respondida por Pizcos en Twitter donde comentaba (risueñamente) de un artículo donde se mostraba TODO LO BUENO de Blogger en este año. Me pregunté, entonces ¿qué ha sido lo mejor de Blogger en este año? y SpamLoco recogió el guante y afirmó que lo mejor había sido el COSO de los comentarios.

La verdad es que la memoria no me ayuda así que me puse a buscar a ver si encontraba algo así como una lista y claro, lo mejor era recurrir a Blogger in Draft que es donde aparecen las novedades aunque sea en modo experimental. Así que allí fuí y lo primero que sorprendió (o no me sorprendió en absoluto) es que Blogger in Draft tiene sólo 25 artículos publicados en el 2008 y nada más que tres en los últimos tres meses ... ninguno en diciembre.

Peor aún.

De los 25, nueve son referencias a correcciones de bugs internos y como reportarlos. Dos hablan del editor que aún no ve la luz y otros cuatro hacen referencia a gadgets de Google o a la provisión de OpenID.

Moraleja, poco queda para elegir entre los New Features:

• New Dashboard: re-diseño del escritorio
• Blog List: el elemento lista de blogs
• Scheduled Posts: programación de entradas
• Star Ratings: calificación de posts
• Webmaster Tools for Blogger: integración con las Herramientas para desarrolladores de Google
• Embedded Comment Form: el formulario de comentarios incrustado debajo de las entradas
• Import and Export: la posibilidad de importar y exportar el blog como respaldo
• Reactions: otro elemento para la calificacion de entradas
• Contact Picker: el ... eso
• Geotagging: integración de Google Maps en las entradas
  

No hablan del tema pero, podría agregarse el elemento Seguidores y la etiqueta que permite optimizar los títulos ... digo, para sumar algo a una lista bastante pobre.

No me digan que ustedes no entrarían en pánico si luego de contestar un comentario les apareciera una pantalla como esta:

En mi caso, como soy una persona calmada, reflexiva y que no suele tomarse las cosas muy a pecho, sólo necesité una dosis triple de Valium, tres horas de internación en terapia intensiva y un tratamiento psiquiátrico que probablemente se extienda unos diez años para ver si logran quitarme este repentino trauma que me hace llorar cada vez que hago click.

Ah, si ... el comentario se publicó.

En estos días, Carlos me preguntaba si existía una forma de mostrar la página principal del blog donde sólo se vieran los títulos y un enlace que abriera las páginas individuales pero, sin aplicar ninguno de los trucos para que se ocultara el contenido y se expandieran. La idea era tener una lista tipo índice cronológico que se actualizara automáticamente.

Lo primero que se me ocurre es el método más engorroso, debemos agregar un nuevo elemento blog a la plantilla y hacer que uno funcione en la página principal y el otro en las páginas individuales. Lo mejor para eso es crearlo manualmente desde el código HTML donde buscamos:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

y lo cambiamos por:

<div id='main-wrapper'>
<b:if cond='data:blog.pageType == "item"'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
<b:else/>
<b:section class='main' id='mainHOME' showaddelement='yes'>
<b:widget id='Blog2' locked='true' title='Entradas pagina principal' type='Blog'/>
</b:section>
</b:if>
</div>

Ahora, tendríamos que modificar el elemento Blog2, quitar los includes que no sean necesarios y hacer las modificaciones que nos gusten ... muy complicado para mi gusto.

Una forma más sencilla es pensar, bueno, si lo que quiero es una lista y sólo poder ingresar a las páginas individuales, no necesito nada más, no necesito el autor ni las etiquetas ni la cantidad de comentarios ni ranking ni posts relacionados, sólo necesito el título y el enlace; nada más.

Y eso, podemos resolverlo con bastante sencillez usando los condicionales. Lo que necesitamos es ubicar esa condición en el lugar preciso que es dentro de este INCLUDABLE que vemos si expandimos los artilugios:

<b:includable id='post' var='post'>
... el código actual ...
</b:includable>

El contenido de eso es muy largo y varia mucho de una plantilla a otra así que no vale la pena mostrarlo, sólo hay que saber que no tocaremos el contenido existente sino que lo condicionaremos para que se ejecute sólo en las paginas individuales y de esta manera, toda esa parte del blog no cambiará:

<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != "item"'>
<!--  ... aquí pondremos el nuevo código ... -->
<b:else/>
... el código actual que no tocamos ...
</b:if>
</b:includable>

Si en este momento guardáramos la plantilla, la página principal de nuestro blog no mostraría ninguna entrada pero cualquier página individual seguiría funcionando como antes.

Entonces, lo que faltaría poner es alguna clase de código que nos mostrara el título y el enlace a cada entrada así que deberíamos reemplazar esto:

<!--  ... aquí pondremos el nuevo código ... -->

por un código cualquiera; por ejemplo:

<div class='postResumen'>
<div class='enlaceResumen'>
<data:post.title/> <a expr:href='data:post.url'>Lee más</a>
<div style='clear: both;'/>
</div>
</div>

¿Qué es lo hay ahí? Un bloque al que le asigno una clase llamada postResumen que contendrá cada titulo y dentro de ese bloque, otro con una clase a la que llamo enlaceResumen y a las que luego daré propiedades CSS.

data:post.title es el título de cada entrada
data:post.url es la URL de cada entrada y con ellas se crean los enlaces

¿Podrían agregarse otros datos? Sí. Hay algunos a los que se puede acceder:

data:post.author es el nombre del autor de la entrada
data:post.timestamp es la hora de publicación de la entrada
data:post.numComments es la cantidad de comentarios
data:post.dateHeader es la fecha pero tendrá las mismas restricciones de siempre, si hay varias entradas con la misma fecha, sólo se mostrará una

Las etiquetas de la entrada también pueden listarse usando el mismo código que en las entradas individuales:

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

La cantidad de comentarios puede mostrarse usando el código normal:

<b:if cond='data:post.numComments == 0'>
Sin Comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentario
<b:else/>
<data:post.numComments/> Comentarios
</b:if>
</b:if>

El CSS de esa sección puede ser cualquier cosa y dependerá de la imaginación de cada uno. Para el ejemplo que he colocado en un blog de pruebas, las definiciones son las siguientes:

.postResumen {
background-color: #EEEEEE;
height: 52px;
margin: 10px 0 0;
}
.enlaceResumen {
font-weight: bold;
line-height: 32px;
padding: 0 0 0 10px;
}
.enlaceResumen a {
color: CornflowerBlue;
float: right;
font-size: 11px;
font-weight: normal;
margin: -32px 10px 0;
}
.enlaceResumen a:hover{
color:CornflowerBlue;
text-decoration:none;
}
.comentariosResumen {
float: right;
font-size: 11px;
font-weight: normal;
padding-right: 10px;
}

Y el código HTML utilizado es el siguiente:

<div class='postResumen'>
<div class='enlaceResumen'>
<data:post.title/> <a expr:href='data:post.url'>Lee el artículo y coméntalo &#187;</a>
</div>
<div class='comentariosResumen'>
<b:if cond='data:post.numComments == 0'>
Sin Comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentario
<b:else/>
<data:post.numComments/> Comentarios
</b:if>
</b:if>
</div>
<div style='clear: both;'/>
</div>

Esta se una lista con algunas direcciones donde podemos recurrir en caso de emergencia.

No están abiertas las 24 horas y algunas de ellas no se actualizan desde épocas remotas pero ... es lo que hay.

• Blogger Buzz | Blogger Buzz en español
• Blogger Ayuda
• Blogger Developer Documentation (desarrolladores)
  
• Blogger in Draft
• Blogger Problemas Conocidos
• Blogger Status
• Condiciones del servicio (TOS )
• Blogger WishList
• Blogs recientemente actualizados
• Reportar Spam Blogs
• Blogger Grupos de Ayuda
• • Something is broken
  • Blogger Help Group - FAQ
  • Enviar consulta directa
• Problemas con el ingreso a la cuenta
• Formulario de contacto | Otro ingreso
• • Formulario de contacto sin necesidad de loging
• Recovery Account Tool
• Transferir un blog de una cuenta a otra
• Blogger Youtube Channel

SiteLauncher es una extensión de Firefox que nos permite crear accesos directos a páginas webs y acceder a esos sitios asignándoles una combinación de teclas.

Por defecto, una vez instalado, se abre con CTRL + ESPACIO y allí nos muestra una ventana semitransparente con las distintas combinaciones asignadas.

Todas ellas son personalizables a través de la opciones ya que podemos agregar, eliminar o modificar las URLs o los textos visibles.

Una vez configurado todo, podemos usar atajos de teclado tipo ALT + SHIFT + letra o bien usar la ventana del lanzador CTRL + ESPACIO + letra.

REFERENCIAS:

ghacks.net

REFERENCIAS:

Noticias Informales

Click en la imagen para previsualizar un modelo reducido.
Descargar el archivo ZIP que contiene las imágenes

La transcripción de un mail recibido:

Soy un estudiante de computación de Bahía Blanca. En noviembre de este año, participé junto con 2 compañeros de una competencia de programación en Buenos Aires llamada ACM - ICPC.

Salimos 4tos en Sudamérica y clasificamos para la instancia mundial, a realizarse en Suecia el año que viene. El problema es que la organización solo nos cubre la estadía, y tenemos que conseguirnos los pasajes por nuestros propios medios.

Una de las cosas que se nos ocurrió fue hacer un blog para contar un poco nuestra situación y ver si podemos juntar algo con la publicidad.

Un saludo, muchas gracias y feliz navidad.

Nicolás Komañski

Y en el blog, puede leerse:

Somos un grupo de 3 estudiantes bahienses de la Universidad Nacional del Sur: Nicolás Álvarez, Ricardo Matías Ferro Moreno y Nicolás Komañski. En abril del año que viene (2009), junto con nuestro coach Martín Darío Safe, nos vamos a Estocolmo, Suecia .

¿Cómo?

El 15 de Noviembre de este año participamos en la Instancia Regional de la competencia ACM ICPC (International Collegiate Programming Contest) y salimos 3ros de la Región Sur de Sudamérica (4tos en toda Sudamérica). Con esto, clasificamos para la instancia mundial. Esta competencia consiste en resolver problemas de tipo algorítmicos-matemáticos. Cada grupo de 3 participantes cuenta con una computadora y 5 horas para resolver una cantidad de problemas que varía entre 8 y 11.

• Información general (castellano)
• Página oficial de la competencia (inglés)
• Resultados todo Sudamérica
• ICPC en la Wiki (castellano)
• ICPC en la Wiki (inglés)
• Equipos clasificados para la instancia Mundial

¿Por qué estamos contando todo esto?

No creamos este blog para molestar a la gente con nuestra historia por el simple motivo de querer contarla. El problema es que, al ser invitados a la instancia Mundial, la organización de la competencia nos paga todos los gastos relacionados con la estadía en Estocolmo, pero no nos cubre los pasajes. El costo de los pasajes es aproximadamente 6000 USD (dólares).

Creamos este blog con el objetivo de difundir nuestra situación, para poder darnos a conocer y ver si eso ayuda a conseguir alguna empresa, institución, etc, que nos auspicie.

A medida que vaya progresando nuestra campaña, iremos posteando lo que va pasando.

Agradecemos a todos la ayuda recibida. Con solo entrar al blog, ya nos están ayudando.

Ahora, se podría hablar de educación, de las obligaciones de los estados, de dinero que cualquier gobierno gasta en tonteras, de culpas y responsabilidades pero es inútil porque nada de eso serviría de nada. Ellos, sólo piden que se ingrese a su blog donde han agregado publicidad de Adsense ... nada más. Mientras tanto, mientras juntan moneda tras moneda, seguirán peregrinando por cuanto despacho exista, gestionando aquí, allá y en todas partes hasta que algún funcionario se despabile.

No puedo dejar de pensar en que, los adultos debemos odiar a los más jóvenes porque son lo que no somos y tienen la oportunidad de ser lo que jamas seremos, sino, cosas como estas no tendrían explicación.

ELLOS ESPERAN AQUÍ:

Un Click para Suecia

REFERENCIAS:

eldiariodebahia.com.ar

Universico

Terra

MSN Noticias

Yahoo Noticias

Universia

AMBB

La Nueva Provincia

uns.edu.ar

La mayoría conoce los bookmarks o marcadores sociales que se agregan a los sitios web como botones cuya función es enviar una página a algún servicio online que los administra para nosotros. En Blogger, inicialmente los colocábamos manualmente, luego aparecieron algunos botones que reunían un conjunto de esos servicios, más tarde se agregó un gadget llamado Enlaces de suscripción, bastante mínimo pero sencillo de agregar.

Todos ellos funcionan y usar uno u otro es algo personal. Obviamente, el mayor control lo sigue dando el modelo original ya que podemos elegir los marcadores que queremos agregar pero también es el más engorroso de agregar a la plantilla así que muchos han optado por utilizar servicios que proveen todas esas funciones y que simplemente nos dan un código que debemos insertar.

AddThis es uno de los más conocidos, tiene varios modelos gráficos disponibles, puede integrarse a Feedburner, dispone de algunas opciones de personalización y puede usarse en Blogger.

En estos días he visto que existe otro servicio llamado Tell a friend que provee algo similar pero que está más enfocado a la llamadas redes sociales. Puede insertarse en múltiples plataformas (Blogger, TypePad, Movable Type, Drupal, Joomla, WordPress, etc) y, aunque su versión gratuita no es demasido personalizable, algunas cosas pueden hacerse (más información).

El servicio provee acceso a mails (GMail, Yahoo, MSN/Windows Live), mensajeros (Yahoo Messenger, GTalk, MSN/Windows Live Messenger, AIM), blogs (WordPress, Blogger, LiveJournal, TypePad, MovableType, Xanga, Expression Engine, Joomla, Drupal, Textpattern), redes socilaes (Facebook, LinkedIn, Twitter, FriendFeed, MySpace) y los servicios tradicionales de bookmarks (Del.icio.us, Digg, Slashdot, Technorati, Reddit, StumbleUpon, Yahoo! Buzz, Google, Blinklist, Facebook, Newsvine, Furl, MySpace, etc).

Una vez que confirmamos la creación de la cuenta, entramos en el sitio y ya tenemos el código disponible que debemos insertar en alguna parte ... normalmente, lo que hacemos es agregarlo en el pie de página de los posts (ver detalles).

Cada solapa de la pantalla de administración nos muestra detalles que podemos configurar:

WIDGET CODE: allíe está el código que debemos agregar y hay instrucciones detalladas para las distintas plataformas.
WIDGET DESIGN: aquí elegimos colores, modificamos los textos que por defecto están en inglés, etc. Las opciones son limitadas.
CHANNEL SETTINGS: establecemos los servicios que queremos incorporar y algunos de los mensajes que se mostrarán.
BUTTON DESIGN: seleccionamos el modelo gráfico del botón.
ACCOUNT DETAILS: son los detalles de nuestra cuenta.
USAGE STATS: nos muestra estadísticas del uso del servicio; algo interesante ya que, en lo personal, siempre tuve curiosidad por saber si este tipo de agregados es útil o no.

Feliz Navidad

Feliz Navidad

Feliz Navidad

Feliz Navidad

Feliz Navidad

Feliz Navidad

Y claro, no es momento para pensar en códigos, plantillas y cosas semejantes pero siempre podemos seguir jugando mientras el reloj hace tic-tac y esperamos que se cumplan algunos de nuestros deseos (los buenos, los otros son baneados).

No hay nada que puedas hacer que no pueda hacerse
no hay nada que puedas cantar que no pueda cantarse
no hay nada que puedas decir pero puedes aprender a jugar el juego
es fácil ...

No hay nada que puedas crear que no pueda crearse
no puedes salvar a nadie que no pueda ser salvado
no hay nada que puedas hacer pero puedes aprender con el tiempo
es fácil ...

Todo lo que necesitas es ... amor.

No hay nada que puedas saber que no sea sabido
no hay nada que puedas ver que no sea visto
no hay ningún lugar donde puedas estar que no sea donde tenías que estar
es fácil ...

Todo lo que necesitas es ... amor.
Ver/Ocultar letra original [+]

There's nothing you can do that can't be done
nothing you can sing that can't be sung.
nothing you can say but you can learn how to play the game
it's easy ...

There's nothing you can make that can't be made.
no one you can save that can't be saved.
nothing you can do but you can learn how to be in time
it's easy ...

All you need is love, love, love is all you need.

There's nothing you can know that isn't known.
nothing you can see that isn't shown.
nowhere you can be that isn't where you're meant to be.
it's easy ...

All you need is love, love, love is all you need.

All you need is love interpretado por Lynden David Hall (Mayo 1974 – Febrero 2006) (más información)

All you need is love Tout que vous avez besoin est amour Tutto che abbiate bisogno di è amore Tudo que você precisa é amor Todo lo que necesitas es amor

Human Rights Action Center
Burma Viral, una animación de Shilo & NoneOfUsAreFree.org

Gracias Juanan:

El Alfeizar de Dedalus

Te damos la bienvenida a la página de seguimiento de Santa Claus del NORAD ... Añade el gadget en iGoogle para seguir a Santa Claus desde tu página de inicio personalizada ... y bueno, ya que puede añadirse allí, también puede añadirse en Blogger, imagino.

Así es, no hay problema pero, ya que estamos, intentemos ponerla en un post y no en la sidebar, simplemente para probar a ver si es que funcionan. Hay que ponerla primero donde ellos dicen, copiar el código fuente del IFRAME y pegarlo en el post. Milagrosamente, funciona ... espero que dure.

Una vez que lo hice, la verdad es que me parece muy pobre. NORAD suena a gran tecnología y esa cosa blanca y descentrada no es demasiado atractiva.

"Durante más de 50 años, el NORAD y su predecesor, el CONAD (Comando de Defensa Aérea Continental) han seguido el viaje de Santa Claus en Nochebuena ... El NORAD utiliza cuatro sistemas de alta tecnología para seguir la ruta de Santa Claus: radares, satélites, las cámaras de Santa Claus y cazas de combate." [1 | 2]

Obvio. No es un tema menor. Si ya enviamos la carta con nuestros deseos (aunque sea usando el mail), seguramente estaremos interesados en saber el momento exacto en que pasará por nuestra casa, tengamos o no tengamos chimenea, sea verano o sea invierno, nos hayamos portado bien o más o menos. No hay que creer en ciertos mitos ya que Santa llega siempre, aún cuando lo haga con las manos vacías.

De todas maneras, como la tecnología ultrasecreta me resulta dudosa y como eso de mandar cazas de combate a asustar a los renos me parece que debe infringir varios tratados internacionales, lo mejor que se me ocurrió es crear mi propio contador porque ¿para qué tanto satélite si todos sabemos que llega a las 12 en punto de la noche? lo único que necesitamos entonces es ... un simple reloj que claro, ajusté a mi huso horario porque en eso también se equivocan: ellos creen que el mundo se terminá justo ahí, después de sus narices.

Hace ya varios días, Ariane preguntaba si era posible aplicar el mismo truco que permite mostrar los comentarios pares e impares con diferente color, a los posts de tal forma que se vean con fondos diferentes. Imaginé que sí y quedé en contestarle así que, trataré de cumplir.

Para quien no tenga implementada algunas de esas modificaciones, hay que aclarar que lo primero que debemos tener es identificados los posts de manera individual. Eso, puede hacerse agregando el atributo ID en ellos. Buscamos entonces en la plantilla algo así:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Y le agregamos lo que se muestra en color aunque hay que tener en cuenta que el atributo class puede variar en algunas plantillas pero no tiene importancia; lo importante es agregarle el ID, sea cual fuera el nombre de la clase. Con eso, identificamos cada post de manera individual en las páginas que muestran varios.

Ahora, agregaremos el script y el estilo, justo antes de </head>:

<script type='text/javascript'>
//<![CDATA[
function ContarP(cual) {
var resto;
resto = contadorPosts % 2;
if (resto == 0)
document.getElementById(cual).className='entradaPar';
else
document.getElementById(cual).className='entradaImpar';
}
//]]>
</script>

<style>
.entradaImpar {background-color: #F0F8FF; padding: 10px;}
.entradaPar {background-color: #F0F0F9; padding: 10px;}
</style>

Y por supuesto, las propiedades de estilo son personales así que puede agregarse cualquier otra.

Por último agregaremos el contador y la llamada a la función y para eso, biuscaremos esta parte:

<b:includable id='main' var='top'>
.......
<script type='text/javascript'>var contadorPosts=0;</script> <!-- contador a cero -->
<b:loop values='data:posts' var='post'>
.......
<b:if cond='data:blog.pageType != "item"'>
<!-- no ejecutamos la función en las páginas individuales -->
<script type='text/javascript'>
contadorPosts=contadorPosts+1;
ContarP(&#39;post-<data:post.id/>&#39;);
</script>
</b:if>
</b:loop>
.......
</b:includable>

De esta manera, los posts se mostrarán con fondo de color intercalados salvo en las páginas individuales donde se seguirán mostrando con el esquema gráfico normal del blog.

TEXTile es una escultura interactiva donde se han utilizado 22.528 teclas de computadoras recicladas y 192 teclas especialmente fabricadas.

REFERENCIAS:jeanshin.com

Click en la imagen para previsualizar un modelo reducido.
Descargar el archivo ZIP que contiene las imágenes

Buscando explicaciones para ver si era posible solucionar el error en los feeds de los comentarios que hace que el script que muestra la Últimos Comentarios en la sidebar se haya quedado quedado en la prehistoria y registre cosas de hace un año atrás, me he topado con un aviso publicitario en una de la págiias de resultados de Google que me llamó la atención.

Lamentablemente, es uno de esos enlaces que sólo llevan a una página que te dice "no, eso no lo encuentro, busca otra cosa".

Es una pena porque estaba dispuesto a pagar 2 dólares cash y hasta 4 si es que lo financiaban en 12 meses.

Sólo quería entrar, despertar a los desarrolladores, despedirlos y luego regalarle el servicio a la Cruz Roja

1. Regar las plantas: DIY Twitter watering project utiliza sondas que envian un mensaje cuando las plantas requieres ser regadas.

2. Escribir cuentos cortos: ¿Será posible? Un concurso de Copyblogger desafiaba a los usuarios a realizar el experimento. El ganador fue Ron Gould: "¡El viaje en el tiempo funciona!" En la nota se lee: "Sin embargo, sólo se puede viajar al pasado y en un sentido". Reconocí mi propia escritura a mano y sentí un escalofrío.

3. Escribir ficción: Aunque se está limitado por los 140 caracteres, pueden escribirse uno tras otro hasta crear una novela tal como lo hizo 140novel.

4. Leer una novela: Si se puede lo anterior, es obvio que también se puede hacer esto. Y aún más. Hay dos proyectos para compartir novelas cásicas: Ulises de James Joyce y La guerra y la paz de Leo Tolstoy.

5. Escribir de manera comunitaria: Varios autores trabajando en un mismo proyecto. @twitterstory era una cuenta en la que cualquier seguidor podía contribuir agregando textos a la historia.

6. Compartir recetas de cocina: es lo que se hace en @cookbook

7. Dejar de fumar: Quitter es un grupo de autoayuda de Florida.

8. Informarse del estado del tránsito: CommuterFeed se encarga de enviar mensajes respecto a problemas en el tráfico, congestionamientos, rutas seguras, etc.

9. Salir de la cárcel: James Buck, un joven periodista de 29 años fue arrestado en Egipto el 10 de abril de este año. Utilizando Twitter se comunicó con su familia y amigos. Sólo decía una cosa: "Arrestado". Bastó eso para que se iniciara una cadena de ayuda y se contratara un abogado.

10. Tweets desde el vientre: Corey Menscher, futuro padre, creo un dispositivo que graba las "patadas" que da su hijo aún no nacido y transforma esa información en un texto que envía a Twitter, usuario @kickbee.

REFERENCIAS:

SitePoint

Visto en Twitter off course

REFERENCIAS:

Stop AIDS

Google Friend Connect ya esta disponible. Google Brings Twitter to Friend Connect. Google Friend Connect una idea genial. Google Friend Connect. Google Friend Connect. Google Friend Connect. Google Friend Connect. Google Friend Connect. Google Friend Connect. Google Friend Connect ...

5.350.000 de resultados si uno busca Google Friend Connect.

¿Qué demonios es Google Friend Connect?

Google vende dice:

"Aumente el tráfico de su sitio agregándole herramientas sociales. Google Friend Connect significa más gente conectándose entre si. Enriquezca su sitio con gadgets que puede seleccionar de un catálogo. Atraiga visitantes. No hace falta saber demasiado, basta copiar y pegar el código, nosotros haremos el resto."

Google Dirson dice:

"¿Qué se puede hacer con Google Friend Connect? Pues por ejemplo, si tenemos una página web que no permite a los usuarios identificarse y no queremos perder el tiempo programando un sistema de registro más un formulario de comentarios, mediante código ya predefinido por Google podemos implementarlo invitando a nuestros visitantes a utilizar, eso sí, su cuenta personal de Google. Con ello, los usuarios de nuestro sitio web no serán realmente de nuestro sitio web, sino de Google, el cual nos ofrece las herramientas para facilitar relaciones entre ellos, y de ellos con nuestro sitio web."

Hasta hay un video explicativo:

Click para ver el video.

¿Será tan así?

Pués sí, es exactamente como lo muestra el video, es decir ... nada ¿O será que hay algo que no comprendo? No sería de extrañar.

Para salir de dudas y no hablar por boca de ganso, no hay nada mejor que intentarlo y allí la ayuda viene de la mano de Usuário Compulsivo que explica como agregarlo en Blogger sin necesidad de alojar archivos o tener un servidor propio.

Entramos a la página principal de Google Friend Connect y click en Setup a new site. La siguiente pantalla es un introducción (otra más) así que seguimos sin detenernos: click en Continue.

Nos pide dos datos: Site name (el nombre de nuestro sitio) y Home URL (la dirección de nuestro sitio, en este caso, el blog). Nada más. Click en Continue.

Ahora, nos dice que descarguemos dos archivos y los alojemos en nuestro servidor. Como estamos en Blogger, este paso es innecesario así que, lo ignoramos y otra vez click en Continue.

Listo. Casi listo. En esta ventana nos preguntará si queremos verificar lo que hemos hecho (nada hicimos pero es lo mismo) Test your setup. Ahora si, todo listo y lo único que hay que hacer es agregar el gadget de miembros a nuestra sidebar.

Members gadgets es lo que permitirá que los vistantes se "unan" y podemos configurarla en cuanto a tamaño, colores etc. terminado esto, nos dará un código que agregamos en un elemento HTML que hayamos creado. Fin. Ya somos los felices poseedores de ... bueno, ya lo pusimos.

¿Más? Y sí, el famoso catálogo.

El catálogo consta de .. DOS cosas que podemos agregar y que se encuentran en Social gadgets. Tranquilos, no se emocionen.

Wall gadget permite a los usuarios registrados ... agregar comentarios o enlaces a videos. También podemos personalizar el gadget, blablabla. El código, lo agregamos siempre en un elemento HTML.

Review/Rate gadget permite a los usuarios registrados calificar (con estrellitas) los comentarios anteriores o cualquier otra cosa. Tambien podemos personalizar el gadget, blablabla. El código, lo agregamos siempre en un elemento HTML.

Y ... nada más. Ahhh, hay otras dos demos pero vaya uno a saber cómo deben usarse y también la posibilidad de crear un gadget utilizando las herramientas de OpenSocial ... como se ve, facilísimo

¿Alguien entendió algo? A mi no me miren ni me pregunten

El reproductor de jeroenwijering.com es, probablemente, uno de los más utilizados si queremos insertar archivos de manera independiende de los reproductores de video que nos proveen ciertas páginas web (más información).

Tiene sus ventajas y tambien sus desventajas. Por un lado es muy flexible y reproduce tanto audio como videos en varios formatos: FLV, MP4, MP3, (más detalles); posee la capacidad de manejar listas de reproducción y es muy liviano pero, necesitamos tener acceso a los archivos a reproducir lo que no es tan sencillo si sólo usamos YouTube pero hay otros servicios como blipTV que permiten enlazar directamente los videos y lo mismo ocurre con Photobucket, e incluso ImageShack si necesitamos alojar archivos SWF.

Para usarlo necesitamos dos cosas, insertar el script swfobject.js y alojar el reproductor en alguna parte.

El script lo podemos descargar y guardalo en un servidor o bien utilizar la librería que provee Google API e incluirlo como cualquier otro script antes de </head>:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

También podemos cargarlo directamente con el cargador de Google o agregarlo a la lista de de scripts si ya lo estamos usando para cargar otras:

<script src='http://www.google.com/jsapi'/>
<script>
google.load("swfobject", "2.1");
</script>

El reproductor en si mismo es un SWF así que debemos alojarlo nosotros y lo más sencillo es ImageShack. En este momento está disponible la versión JW FLV Player 4.2 que se descarga en formato ZIP y que incluye varios demos y explicaciones detalladas.

Ahora, podemos incluir uno o varios reproductores en nuestro sitio y para eso podemos usar scripts o la etiqueta OBJECT que me parece la más adecuada para Blogger:

<object width="ancho" height="alto" id="movie"
type="application/x-shockwave-flash"
data="URL_player.swf">
<param name="movie" value="URL_player.swf" />
<param name="flashvars" value="file=URL_archivo&parametros" />
</object>

Lo interesante del reproductor es que podemos personalizarlo mucho. La forma más sencilla es, tal vez, utilizar el wizard de jeroenwijering.com e ir marcando las opciones que queremos; nos dará como resultado el código necesario que sólo deberemos copiar y pegar.

Algunos de los parámetros son bastante simples asi que también podemos agregarlos manualmente. Todos ellos se colocan en flashvars (más información):

file=url es la dirección del archivo a reproducir y en Blogger es una dirección absoluta (comienza con http://)
image=url es la dirección de una imagen que podemos colocar en lugar de la pantalla negra que se muestra por defecto
backcolor=0x000000 es el color de la pantalla (por defecto es negro)
frontcolor=0x000000 es el color de los textos y de los botones (por defecto es blanco)
lightcolor=0x000000 es el color de los efectos rollover (por defecto, rojo)
showicons=true|false muestra u oculta el ícono de actividad en el centro de la pantalla del reproductor
logo=url coloca una imagen personal en la esquina superior derecha

Todos los parámetros se agregan en el mismo atributo anteponiendo el símbolo & o bien &amp;:

<param name="flashvars" value="file=http://miArchivo.flv&amp;image=http://miImagen.jpg&amp;backcolor=0000CC"/>

Uno de los parámetros más interesantes es el que nos permite cambiar el aspecto general del reproductor utilizando skins.

Un skin no es otra cosa que otro archivo SWF que podemos agregar y que podemos descargar por separado, agregándolo luego como parámetro en flashvars:

&skin=URL_archivo.swf

No sé si es algo que les pasa a todos o sólo a mi pero, últimamente, eliminar elementos de Blogger se ha transformado en un problema porque me ocurren dos cosas. Si lo trato de hacer desde la misma página del blog utilizando el ícono de edición rápida la ventana se abre perfectamente, aparece la opción correspondiente pero, no pasa nada; y si siento que alguien se rie en el fondo es sólo mi imaginación y un efecto secundario de mi paranoia.

Pero, no es todo, si lo intento hacer desde Elementos de la página, se abren dos ventanas: la pop-up normal y una nueva pestaña con la misma ventana, tanto en Firefox como en Internet Explorer.

Uno supondría que dos ventanas son más que una y ahora sí, click enérgico sobre el botón ELIMINAR y esta vez la risa burlona es clarita. No pasa absolutamente nada, el elemento sigue allí lo más orondo.

Por supuesto, uno no se debe dar por vencido y hay que olvidarse de todas estas maravillas de la vida moderna, de los botoncitos y de las herramientas que todo lo pueden excepto lo que no pueden. La vieja escuela dice que hay que ir a lo que nunca falla: la Edición HTML de la plantilla.

Sin expandir los artilugios, buscamos el elemento rebelde, por ejemplo, alguno que esté en la sidebar:

<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>
    <b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'/>
    <b:widget id='HTML5' locked='false' title='' type='HTML'/>
    <b:widget id='Label4' locked='false' title='Etiquetas Desplegables' type='Label'/>
    <b:widget id='Label2' locked='false' title='TABS + ETIQUETAS' type='Label'/>
    <b:widget id='Label3' locked='false' title='AJAX LABELS' type='Label'/>
    <b:widget id='Feed1' locked='false' title='Últimos posts' type='Feed'/>
    <b:widget id='Label1' locked='false' title='ETIQUETAS' type='Label'/>
  </b:section>
</div>

Y ELIMINAMOS LA LÍNEA sin remordimientos. Luego, guardamos la plantilla y aparecerá una advertencia:

Sólo respondemos con un click en CONFIRMAR Y GUARDAR. No hace falta dar más explicaciones y no tiene sentido protestar diciendo que hace dos horas que estamos intentando hacerlo de otra manera; sólo podemos aceptar o cancelar.

Segundos después, el o los elementos indeseados habrán pasado a mejor vida.

¿Y podemos eliminar varios al mismo tiempo? Sí pero con prudencia, no conviene hacerlos con muchos ya que a veces Blogger se tara y entonces aparece un bello error bx-nosecuanto; conviene hacerlo con un número pequeño y repetir la operación todas las veces que sea necesario.

Entre los experimentos de GMail que funcionan sólo si lo configuramos para el idioma inglés,está la posibilidad de agregar gadgets tal y como podemos hacerlo en iGoogle.

Entre tantos miles de gadgets, hay alguno interesantes; uno de ellos es Gmail Twitter Gadget que integra Twitter y nos permite hacer lo mismo que en la página o si se usa un cliente externo. Es simple de usar y muy liviano a la hora de cargarse.

La URL que debemos colocar para insertarlo es:

http://www.twittergadget.com/gadget_gmail.xml

REFERENCIAS:

lifehacker.com

Ahora que Importar/Exportar pasó su etapa de prueba y ya es parte de las opciones normales de Blogger, es hora de ver qué hace y qué no hace.

La opción la encontramos en Configuración | Básico, allí, la primera línea nos muestra tres enlaces:

Con gran astucia, Blogger coloca BORRAR el blog ahí mismo, chiquitito y bien a la mano para que uno se equivoqué aunque por suerte, hay una ventana previa de advertencia que evita que cometamos una tontera:

Hagamos entonces una prueba con algún blog cualquiera. Hacemos click en EXPORTAR; aparecerá una ventana y click otra vez en el botón DOWNLOAD BLOG (sí, está en inglés):

En nuestra PC se habrá creado un archivo con extensión XML y el siguiente tipo de nombre:

blog-mes-dia-año.xml

El tamaño del archivo dependerá de la cantidad de entradas pero, en términos generales son archivos pequeños así que el proceso es rápido.

Nos faltaría entonces realizar el proceso inverso y para eso, creo un blog nuevo y voy a la Configuración. Click en IMPORTAR y se abre una nueva ventana:

Primero, buscamos en nuestra PC el archivo XML previamente descargado, llenamos el CAPTCHA y luego de hacer click en el botón IMPORTAR BLOG. Comienza el proceso cuya duración dependerá del tamaño del archivo:

Una vez terminado, se nos mostrará la ventana de edición de entradas informándonos del resultado.

Blogger habla de la posibilidad de combinar o unir distintos blogs en uno. Para eso, todo lo que necesitamos hacer es ir nuevamente a la Configuración e importar otro de los archivos que hayamos exportado previamente. Las entradas se insertarán normalmente, respetando el orden cronológico.

La importación puede hacerse de dos manera, por defecto, las entradas se guardarán como borradores y si queremos publicarlas, deberemos hacerlo manualmente pero, podemos evitarnos ese trabajo marcando la opción correspondiente en cuyo caso, las entradas importadas se publicarán automáticamente.

¿Qué se importa? Todas las entradas y los comentarios, en ese sentido, no parece haber errores en las pruebas que realicé.

¿Qué se exporta? Mucho más que eso: el código de la plantilla y los datos de la configuración del blog, por ejemplo ¿Y cómo se importa eso?

Si creamos un blog nuevo, podemos utilizar las Herramientas avanzadas que están en la parte de abajo de la ventana. Allí, un enlace nos permite importar directamente:

Como lo que se hace con este método es importar absolutamente todo, (entradas, comentarios, plantilla y configuración), una vez completado el proceso nos pedirá que asignemos el nombre del nuevo blog y la URL correspondiente ya que no puede haber dos con la misma dirección:

De este modo, habremos creado un nuevo sitio que será una réplica exacta de otro ya existente:

Si bien se dice que el formato empleado es compatible con otro tipo de servicios, lo que permitiría usar eso archivos para mudarse, eso no parece cierto ya que no he visto servicios que los acepten aunque muchos de ellos poseen heramientas para importar desde Blogger utilizando otros métodos.

El proceso inverso, importar desde otro hacia Blogger, no está contemplado expresamente.