Mummenschanz (Mascarada)

Mummenschanz (Mascarada) es un grupo teatral fundadores por los suizos Bernie Schürch y Andres Bossard, y la italiana Floriana Frassetto en 1972.

La presentación de los Mummenschanz en el Show de los Muppets durante 1976 (el video tiene cinco partes).

Click para ejecutar el video.

Las suscripciones vía RSS son un nuevo modelo de comunicación que cada vez se vuelve más y más importante. Personalmente, la considero una de las mejores alternativas y es algo a lo que le presto atención ya que me parece una forma mucho más rigurosas de analizar las estadísticas de un sitio porque la cantidad de visitantes es casi irrelevante: visitantes no es lo mismo que lectores; una referencia circunstancial en Meneame o en un sitio "importante" tal vez cree un pico de visitas pero sólo será circunstancial.

Además, con los feeds RSS es muy sencillo poder organizar la información que uno lee utilizando un mínimo de esfuerzo.

Pero, ¿por qué la cantidad varía tanto de un dia a otro? En algunos casos, se trata de errores de algún servicio pero en otros simplemente son personas que eliminan la suscripción. Según ProBlogger, hay varias razones para esto, las principales son:

• muchos posts
• pocos posts
• el sitio utiliza feeds parciales
• cambios en el enfoque del blog
• el contenido en general
• demasiada auto-promoción
• demasiadas "ventas"

¿Será así?

REFERENCIAS:

Internet Duct Tape

Hace tiempo había visto al forma en que a Lacrax se le había ocurrido utilizar LightWindow para mostrar los comentarios del blog en una ventana modal de tal manera de librarse, aunque sea parcialmente, de la bendita página blanca de Blogger.

Si no lo había probado era por varias razones, falta de tiempo, cosas que se acumulan, la pereza y, sobre todo, no estar seguro si quería cambiar el método de mostrar e ingresar los comentarios.

Recientemente, una pregunta me hizo volver sobre el tema para ver si existía una forma de conservar el esquema normal y además, agregar el nuevo modo. Mi capricho: tener ambas cosas.

Para quien no lo haya visto, la idea es que, en la página principal, al hacer click en el enlace que nos lleva a la página para ingresar comentarios, en lugar de abrirse en otra ventana, se abrirá en una ventana de tipo modal. Esto, es bastante sencillo, basta cambiar el enlace ya que LightWindow nos permite abrir páginas externas. Lo mismo pude decirse de las páginas individuales, en lugar de abrir la ventana con el formulario, al hacer click la podemos abrir con LightWindow. La navegación se hace más fluida.

No tuve problemas para implementar el truco pero, el resultado no me convencía (ver captura). Siguiendo uno de los comentarios, fui a ver cómo lo había implementado La Bloguería que también recomendaba el sistema y vi que el resultado era distinto (ver captura). La diferencia entre uno y otro era simple, tenía que ver con la forma en que estaban establecidas las opciones de Blogger. En CONFIGURACIÓN | COMENTARIOS entre otras cosas, podemos seleccionar si los comentarios se muestran en una ventana emergente (pop-up) o no.

¿Mostrar comentarios en una ventana emergente? Sí No

Si bien, para implementar el truco, aconsejan establecer NO como opción, en La Bloguería está establecida como SI porque, además de este, utiliza otro truco: Incrustar los comentarios en los posts y ese método, requiere que así sea. En realidad, eso explica las diferencias.

La famosa página blanca tiene los comentarios a la izquierda y el formulario de envío a la derecha pero, cuando se abre como pop-up, ambos sectores están uno sobre el otro con lo que desaparece la barra de desplazamiento horizontal y entonces, podemos establecer el ancho de manera sencilla.

Claro que esto hace las cosas más engorrosas si es que uno quiere tener ambas posibilidades. Hay que encontrar una forma de mostrar los comentarios en un pop-up pero sin cambiar la configuración. Por supuesto, si para alguien esto no es una necesidad, se aplican los cambios y no hay nada más que hablar. Pero, sigo adelante, complicándome la vida.

El enlace que genera Blogger tiene este formato:

http://www.blogger.com/comment.g?blogID=XXXXXXX&postID=XXXXXXX

y cuando se abre en una ventana emergente, sólo se agrega un parámetro:

http://www.blogger.com/comment.g?blogID=XXXXXXX&postID=XXXXXXX&isPopup=true

Así que hay que agregarle &isPopup=true al enlace normal y eso, lo podemos hacer con JavaScript.

En la plantilla hay dos enlaces que podemos interceptar. Uno es el que se muestra en la página principal debajo de cada post y donde, normalmente, se muestra la cantidad de comentarios:

<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>

El otro, es el que se muestra en las páginas individuales y que simplemente invita a crear un comentario:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>

Las variantes de estos códigos son muchísimas, para encontrarlos, lo mejor es buscar el siguiente dato:

data:post.addCommentUrl

que es un código de Blogger que genera la direcciòn URL de la página de comentarios:

http://www.blogger.com/comment.g?blogID=XXXXXXX&postID=XXXXXXX

Ahora, en lugar de cambiar esos enlaces, voy a agrega un pequeño script que creará otro enlace, igual al anterior pero donde se agregará el parámetro para que sea de tipo pop-up y se abrirá en una ventana con LightWindow:

<script type='text/javascript'>
var viejoEnlace = &quot;http://www.blogger.com/comment.g?blogID=XXXXXXXX&amp;postID=<data:post.id/>&quot;;
var nuevoEnlace = viejoEnlace + &quot;&amp;isPopup=true&quot;;
var enlacePopup = &quot;&lt;a class=\&quot;lightwindow\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot; params=\&quot;lightwindow_width=480,lightwindow_height=600, lightwindow_loading_animation=true\&quot;&gt;TEXTO ENLACE&lt;/a&gt;&quot;;
document.write(enlacePopup);
</script>

En estos momentos lo he incluido en el blog y veremos como funciona.

He reemplazado el texto por una imagen y, en ese caso, hay que TEXTO ENLACE por lo siguiente:

<img src=\"http://.......laImagen\"/>

El tamaño de la ventana que se abre se define con estos dos datos:

lightwindow_width=480
lightwindow_height=600

Sería interesante que las páginas individuales pudieran actualizarse apenas ingresado el comentario pero, no tengo idea de cómo conseguirlo.

ACTUALIZACIÓN:

Un comentario de BlogdeShowmatch me obliga a hacer una modificación.

Es una alternativa interesante y muy sencilla. Se trata de abrir la ventana y directamente posicionar la ventana en el formulario de ingreso de comentarios. Para eso, sólo hay que agregar el nombre del div que contiene el área de textos:

var nuevoEnlace = viejoEnlace + "&isPopup=true#form"

En mi caso, sólo lo agregué en los enlaces de las páginas individuales pero también puede hacerse con los enlaces de la página principal.

Este script que puede encontrarse en White Hat puede ser un complemento al truco que muestra Gem@ y que nos da la posibilidad de  cambiar el color del blog con un solo click, utilizando hojas de estilos diferentes, una técnica similar a la que se emplea en Blogger con ancho variable.

Lo que este nos permite es aumentar o disminuir el tamaño de las fuentes de los textos del blog lo que puede ser de utilidad para lectores con problemas visuales si es que utilizamos fuentes pequeñas.

Hasta aquí suena interesante pero tiene algunas limitaciones, por ejemplo, cambia las fuentes de los textos siempre que estén incluidos dentro de la etiqueta P pero, si usamos DIVs, deberemos modificar el código:

getElementsByTagName('p');

por:

getElementsByTagName('div');

La segunda limitación importante es que las fuentes deben estar definidas en pixeles (px) y no como unidades ralativas (em) aunque esto también puede modificarse.

Para usarlo, lo incluimos antes de script en la plantilla, antes de </head> y luego, agregamos dos simples enlaces:

<a href="javascript:decreaseFontSize();">-</a>
<a href="javascript:increaseFontSize();">+</a>

<script v type="text/javascript">
var min=8;
var max=18;

function increaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i&lt;p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}

function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i&lt;p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}   
}
</script>

Mucho más flexible es el script que se encuentra en DynamicDrive ya que podemos definir las etiquetas que serán afectas y además, funciona con etiquetas depreciadas cono FONT.

El script lo descargamos de la página y luego lo agregamos a la plantilla, también antes de </head>:

<script type="text/javascript">
var tgs=new Array('div','td');
var szs=new Array('xx-small','x-small','small','medium','large','x-large','xx-large');
var startSz=2;
function ts(trgt,inc) {
if (!document.getElementById) return
var d=document,
cEl=null,sz=startSz,i,j,cTags;
sz += inc;
if (sz &lt; 0) sz=0;
if (sz &gt; 6) sz=6;
startSz=sz;
if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];
cEl.style.fontSize=szs[sz];
for (i=0 ; i &lt; tgs.length; i++) {
cTags=cEl.getElementsByTagName(tgs[i]);
for (j=0; j &lt; cTags.length ; j++) cTags[j].style.fontSize=szs[sz];
}
}
</script>

o lo subimos y alojamos en un servidor propio:

<script type="text/javascript" src="URL_textsizer.js"></script>

Modificando la primera instrucción del script, podemos agregar o quitar las etiquetas que serán afectadas:

var tgs=new Array('div','td','tr');

var tgs=new Array('div','p','td');

y luego, ponemos los enlaces donde nos guste:

<a href="javascript:ts('body',1)"> AUMENTAR </a>
<a href="javascript:ts('body',-1)"> DISMINUIR </a>

Alli también podemos hacer algunos cambios.

En el ejemplo anterior utilizamos body es decir, le indicamos que cambie TODA la página pero, podríamos indicarle que sólo lo haga con una parte o con un sector específico, indicando el ID correspondiente:

cambiarFuente('nombre',1)

Inoue Takehiko es un mangaka, uno de los dibujantes de historietas japoneses más importantes y estos son algunos de los anuncios publicitarios creados para la Shiseido Uno:

Click para ver los videos.