Hace un tiempo que lo ví en el blog de kaie, y lo he insertado, para probarlo, en la sidebar de este Blog.
Consiste en un
.- SCRIPT:
<script src='http://.../zoomtexto.js' type='text/ecmascript'/>
.- y el HTML
1) Abrid y extended vuestra plantilla y bajad hasta encontrar el cuerpo de texto de las entradas <p><data:post.body/></p> , para dejarlo así:
<span name='zoom'><p><data:post.body/></p></span>
Comprobad que todo ha ido bien, desde "vista previa" y guardad.
2) Ahora necesitamos llamar al script (por ejemplo, desde la sidebar, mediante un elemento HTML-Javascript en Diseño) que consistirá en algo como ésto:
<a href="javascript:doZoom(16)" title="aumentar texto 16px">A+</a>
<a href="javascript:doZoom(14)" title="ver el texto a tamaño normal">A=</a>
<a href="javascript:doZoom(12)" title="disminuir el tamaño del texto">A-</a>
Queda más guapo si le añadís algo de CSS e imágenes a cada uno de los "zoom".
Como véis, con éste hack podéis ver el texto en tamaño 16px, 14px y 12px (aunque dependerá de cada página el tamaño que decidáis insertar).
✍ ¿Quieres hacer algún comentario? ✍