Opción de cambiar el tamaño del texto a opción del lector

El algunos sitios web podrás ver una opción que brindan al lector de escoger el tamaño de letra con la cual quiere leer el post,entrada .o sea cuentan con dos imagenes una para agrandar y la otra para achicar,bueno les explico esto se obtiene con solo colocar dos códigos uno antes de que cierre el  </head>  y el otro lo colocamos en un gadget donde lo queramos mostrar les muestro una imagen y a continuación les explico como implementarlo.


Lo primero que vamos a hacer es ir a :



Diseño >> Edición de HTML >> expandimos artilugios



Buscamos la etiqueta </head> y encima añaden el siguiente  script:

 <script src='http://img21.xooimage.com/files/a/8/9/blconfigtext-194b084.js' type='text/javascript'/>

Una ves colocado guardamos la plantilla.
A continuación vamos a utilizar un gadget html-javascript

Para eso nos dirigimos a  Diseño >> añadir gadget (elemento de página) >> html-javascript

Y pegamos el siguiente código:

<center><a href="javascript:ts('main',1)"><img src="http://dl.dropbox.com/u/25944020/a%2B.gif" title="Ampliar tamaño texto" /></a><a href="javascript:ts('main',-1)"> <img src="http://dl.dropbox.com/u/25944020/a-.gif" title="Disminuir tamaño texto" /></a href="javascript:ts('main',-1)"></center>

Lo que esta en color rojo es que solo quieres que al dar click solo se agrande el contenido de la entrada y no todo el blog si deseas que al dar click se agrande todas la letras del blog pues solo tienen que cambiar main por body

Lo que esta en color naranja es la url de las imagenes si desean las pueden modificar por otras a su gusto.
Lo que esta en color amarillo son los títulos los pueden modificar a sus gustos.

En caso que no quisieras imagenes y solo quisieras texto solo debes usar el siguiente código sustituyendo el de las imagenes :

<center><a style="margin-right: 4px;" href="javascript:ts('main',1)">Agrandar texto</a><a href="javascript:ts('main',-1)">Encoger texto</a href="javascript:ts('main',-1)"></center>

Para terminar guardamos el gadget y hemos terminado se dirigen a ver como les quedo .


Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario