Formularios Online con Google Docs

Acabo de descubrir una nueva función extremadamente útil de Google Docs: ahora podés crear una planilla de cálculo y luego invitar a gente a que llene un formulario online para irla completando automáticamente.

1) Creás la planilla:

2) Elegís compartirla como un Formulario:

3) Editás el formulario (pueden usarse campos de texto, multilínea, botones de radio, etc):

4) Podés mandar el formulario por mail o tomar la dirección web:

Aunque esto es obviamente muy útil para mucha gente así como está, la única contra es que lamentablemente no te da la opción de embeber (embed) el form como para poder incluirlo fácilmente en un blog o sitio web pero con un poco de conocimiento de HTML fácilmente podría hacerse con un iFrame.

Post sacado de mi Tumblr, el único lugar donde blogueo últimamente...

Blogger Tips #4: Cómo editar el template en el nuevo Blogger

Quienes usan en nuevo Blogger (ex Beta) habrán notado que ahora es muy dificil editar el template a mano, que siempre tira un error, incluso al hacer algo tan simple como agregar un link.

Este error se debe a que es necesario convertir todos los símbolos de HTML (< >, comillas y letras con tilde) para que sea XML válido. Hacer esto a mano es muy tedioso, pero hay una herramienta que lo hace de forma automática: Escape HTML.

Un uso práctico para esto sería poder agregar Google Adsense a cada post de forma automática como explica este artículo.

Gracias Bestiaria por el link.

Blogger Tips #3: "Menéame" en Blogger y Blogger Beta

Luego del link de SCM y algunas consultas de gente que no puede agregar el código a su blog, actualicé mi post anterior sobre Menéame con algunas aclaraciones e instrucciones de cómo agregar un link a Menéame en Blogger Beta. Fíjense si se entiende todo y cualquier cosa me chiflan. Link.

Blogger Tips #2: Tags condicionales

Nota: Este truco sólo funciona con los templates del Blogger clásico, en Blogger Beta no funciona.

Los "tags condicionales" son un tipo de etiquetas del template de blogger que sirven para darte flexibilidad a la hora de decidir qué información mostrar en cada tipo de página de tu blog.

Funcionan así: el código se mantiene intacto y se usa un conjunto de estas etiquetas para envolver el pedazo de código que querés mostrar o ocultar dependiendo de la página.

Hay cuatro etiquetas condicionales diferentes:

<MainPage></MainPage>
<ArchivePage></ArchivePage>
<ItemPage></ItemPage>
<MainOrArchivePage></MainOrArchivePage>

La traducción sería: Página Principal / Páginas de Archivo / Página individual de post / Página Principal y Archivos.

Por ejemplo el siguiente código mostraría un link a la página principal de este blog sólo en las páginas individuales de cada post:

<ItemPage><a href="http://www.l8k.com.ar/blog">Home</a></ItemPage>

Blogger Tips #1: Cómo saber tu posición en Alianzo

Últimamente hablo demasiado del ranking de blogs de Alianzo, lo sé, pero creo que esto está bueno y le puede interesar a otros bloggers.

Problema: El ranking de Alianzo sólo muestra los primeros 100 blogs y el "buscador de blogs" no funciona, entonces aquellos que no estamos en el Top 100 no podemos saber qué tan mal estamos.

Solución: Es bastante tonto en realidad pero no se me había ocurrido antes: se puede usar el código del "botón para tu blog" para saber tu posición en el ranking (link):

1) Ponés este código en el HTML de un post:

<a href="http://www.alianzo.com/top-blogs/">
<img src="http://www.alianzo.com/ranking-blogs/boton.php?url=URL_DE_TU_BLOG">
</a>

Obviamente reemplazando URL_DE_TU_BLOG por la dirección correspondiente y generalmente sin el / del final.

2) Hacés un preview, y voilá, tu rank:



3) Por supuesto que también podés incluir este botón en el template de tu blog de forma permanente.

Nota: para aparecer en el ranking primero tenés que sugerir tu blog acá (para Argentina. Otros países acá).

Si te parece útil este Tip podés menearlo acá.

Blogger Tips #0

Mis más asiduos y atentos lectores habrán notado que en los últimos días estuve modificando algunas cositas en el template de este blog. En el proceso aprendí algunos truquitos interesantes que voy a ir publicando en los siguientes días bajo una nueva sección llamada "Blogger Tips".

Si alguno usa Blogger y quiere preguntarme cómo hice algo en particular, este es el momento y el lugar. Avísenme que empiezo por ahí.

Por supuesto que también es bienvenido cualquier otro tipo de feedback.

Cómo agregar un link a "Menéame" en Blogger y Blogger Beta

Alguno habrá notado que hace un rato agregué un link a Menéame al pie de todos los posts.

Dice Wikipedia: "Menéame es un sitio web basado en la participación comunitaria en el que los usuarios registrados envían historias que los demás usuarios del sitio (registrados o no) pueden votar, promoviendo las más votadas a la página principal. Como el modelo anglosajón en que se inspira (digg), combina el bookmarking social, el blogging y la sindicación con un sistema de publicación sin editores."

Por si alguno también quiere agregar Menéame a su blog (creo que vale la pena), simplemente hay que agregar el siguiente código al template:

<a href="http://meneame.net/submit.php?url=<$BlogItemPermalinkURL$>"a>Meneame</a>

Update:

El código anterior es para "Blogger Classic", o el viejo blogger y por lo tanto alguna gente con el nuevo blogger me estuvo diciendo que no les funciona.

Si tenés el Nuevo Blogger, ex Blogger beta, tenés que seguir los siguientes pasos:

1) Entrá a "Layout" en las preferencias de tu blog.
2) Hacé click en "Edit HTML".
3) Marcá el cuadradito que dice "Expand Widget Templates".
4) Poné el siguiente código donde quieras que aparezca el link a Menéame:

<a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Menéame</a>

Si mirás el código del Template y no entendés NADA, te recomiendo que lo pongas al lado de los comentarios (como hago en este blog) así:

1) Buscá el bloque de código que empieza con: <span class='post-comment-link'>.
2) Bajá unas diez líneas hasta donde veas este tag: </span> y poné unos ENTER justo antes para hacer espacio y pegá el código ahí.
3) Antes del <a expr: podés poner unos espacios y una barra veritcal | para separarlo un poco.