Opción manual para cambiar el texto del blog

Artículo publicado en el blog ElBalcóndeJaime

Menú para cambiar el tamaño del texto del blog a opción del lector

Con anterioridad aprendimos a insertar el menú que ofrece la posibilidad de cambiar el tamaño del texto en el blog, además del tipo de fuente.

Para obtener dicho widget usábamos javascript y no era necesario alojar scripts externos.

Este otro menú es, al igual que el anteriormente descrito, muy sencillo de instalar y funciona correctamente, además de resultar más cómodo.

Esta es una imagen del menú:



Puedes probarlo en este blog de pruebas.

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

Busca la etiqueta </head> y encima añade este script:

<script src='http://sites.google.com/site/scriptsbalcon/b/blconfigtext.js' type='text/javascript'/>

Seguidamente guarda la plantilla.




A continuación vamos a utilizar un gadget html-javascript para insertar el menú en la barra lateral.

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

Pega este código:

<center><a href="javascript:ts('body',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI35YFoJHPnOgrXrPZ3lmEZb2eUk6303C80XWlz-pU17lz9msxkiStnuJ1qE3JAGAqB13ETADYMiYuk0HaLPHX1NMpv0jzmpMH80aLOsXxY2Vem1LLah3Bcx9ebki6R-JS-uBcL7aeWQM/s320/blmas.png" title="Ampliar tamaño texto" /></a><a href="javascript:ts('body',-1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iEbjDIP_11qc99L3Io-uxfWvvIWxWdxLLwLMTtTvLqB6UEgFDKQTBiqwVqRqWtF2gpjP0kmuHl55G5DXnQ_Fg86KjNCKnF5UzvJxWMm-2_L_wcL6LGXp3heACF-qts7z-vYVk0klRxY/s320/blmenos.png" title="Disminuir tamaño texto" /></a href="javascript:ts('body',-1)"></center>

En caso de querer editar el aspecto...

- Cambiar las imágenes del menú:

Reemplaza las siguientes líneas...

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI35YFoJHPnOgrXrPZ3lmEZb2eUk6303C80XWlz-pU17lz9msxkiStnuJ1qE3JAGAqB13ETADYMiYuk0HaLPHX1NMpv0jzmpMH80aLOsXxY2Vem1LLah3Bcx9ebki6R-JS-uBcL7aeWQM/s320/blmas.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iEbjDIP_11qc99L3Io-uxfWvvIWxWdxLLwLMTtTvLqB6UEgFDKQTBiqwVqRqWtF2gpjP0kmuHl55G5DXnQ_Fg86KjNCKnF5UzvJxWMm-2_L_wcL6LGXp3heACF-qts7z-vYVk0klRxY/s320/blmenos.png

Por la URL (dirección) del icono "agrandar texto" y "encoger texto" respectivamente ^[+].

- Usar una palabra o frase en lugar de un icono:

Para ello, haz uso de este otro código:

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

Guarda el gadget para terminar.

Notas:

El menú agranda y disminuye el tamaño del texto en todo el blog. Para hacer que únicamente se pueda editar el tamaño del texto de las entradas reemplaza body por main en el segundo código, que debe insertarse en el gadget (necesitarás hacerlo tres veces).

Para hacer que el menú no afecte a la velocidad de carga del blog, es aconsejable que alojes el script (el que utilizamos en el primer paso) en un servidor, como puede ser XooImage o Google sites.

Descárgalo haciendo clic aquí.