Zoom en texto Blogger

Zoom en texto Blogger

Hemos visto ya muchos tutoriales para personalizar nuestro blog de distintas maneras, ahora es turno de mejorar las funciones del blog con una buena opción: Zoom en las entradas en Blogger.

Esta función está creada para aumentar la accesibilidad de usuarios con problemas de visión que tengan dificultades para leer nuestras entradas.



Puedes probar la función visitando el blog de pruebas.

¿Cómo insertar la función de zoom en Blogger?


Paso 1: Añadiendo el script:


Primero, vamos a ''Diseño/Edición HTML'', en donde marcamos ''Expandir plantillas de artilugios'', buscamos el siguiente código:
</head>
Encima de éste, pegaremos el siguiente:
<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>

Paso 2: Añadiendo los botones:

Podemos agregar el script en donde queramos, recomiendo usar un gadget HTML/Javascript:


El código es el siguiente:
<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>


Si deseas utilizar imágenes, deberás utilizar el siguiente código:

<a href="javascript:ts('body',2)"><img src="URL IMAGEN A+"/></a><a href="javascript:ts('body',-1)"><img src="URL IMAGEN a-"/></a>
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger