Aumentar / Disminuir Tamaño Letra en Blogger

Hace un tiempo estuve buscando la manera de aumentar, disminuir el tamaño del texto del blog y despues de mucho buscar en Internet encontré una forma fácil de implementarlo en el blog de Pizcos, el ya había tratado el tema en un post anterior, pero esta forma que voy a mostrar hoy es la más fácil. Encuentro que ofrecer esa posibilidad en el blog aumenta la accesibilidad a personas que tengan problemas de vista.

Antes de


</body>


colocas este script:


<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
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 < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]>
</script>


Y colocas lo que sigue en el gadget, elemento html donde quieras que aparezca en la plantilla, yo lo tengo en la sidebar arriba:


<p><center><a href="javascript:ts('body',2)"><b>A+</b></a> <b>|</b> <a href="javascript:ts('body',-1)"><b>a-</b></a></center></p>


Y si quieres insertar una imagen:


<a href="javascript:ts('body',2)"><img src="URL DE LA IMAGEN 2"/></a><a href="javascript:ts('body',-1)"><img src="URL DE LA IMAGEN 1"/></a>


En esta entrada puedes ver un truco para aumentar la letra con el teclado y el ratón.


6 comentarios :

Argifauve dijo...

Gracias Carlos por el post, es una cuestión que la tengo planteada hace rato.
Iba a realizar en su momento una consulta en base a esto, pero aquí ya tengo la solución.
Falta implementarlo. :)

Carlos Soler dijo...

Argifauve, a mi me costo encontrarlo y ahora estoy muy satisfecho de tenerlo en el blog, todo gracias a Pizcos.

Mario dijo...

Muchas gracias por esta utilidad! la incorporamos a nuestro blog. Y quedamos a tu disposición si, cuando nos visites, deseas que te enlacemos. Saludos!

Anonymous dijo...

eres un genio

una pregunta y si quiere restablecer la letre por defecto como?

Carlos Soler dijo...

Simplemente recargas la pagina en tu navegador o le das a la acción contraria que hayas hecho.

camila dijo...

hola buenos dias a mi me gustaria preg8untarte como puedo cambiar el tamaño de las letras de los
gadgets osea de los textos, de las imagines osea el aumento de las imagenes como puedo hacer muchas gracias

:

Carlos Soler Carlos Soler Experiencia en el sector de la tecnología y TIC. En Blogtecnia desde 2006. Ex-Asistente blogger al MWC de Barcelona. Exeditor en GeeksRoom. Me podéis seguir en Twitter, Google+ y Facebook. Encontrareis mi poemario en la iniciativa de: Save the Children.

Subir a Inicio Subir