Agrandar y Achicar el Tamaño de las Letras del Blog en Blogger

Anteriormente escribí un post acerca de como agrandar y achicar el tamaño de las letras del blog con un sólo click, pues ese truco lo avía visto en el blog de Jésika de Diversas y Variadas, el caso es que hoy veremos el mismo truco de agrandar y achicar el texto del blog, pero con un script creado porTaewook Kang y lo podemos encontrar en Dinamic Drive. Pueden verlo funcionando en mi blog de pruebas.

El caso es que el código no me convencía porque no mostraba botones para agrandar o achicar el tamaño de la fuente, sólo mostraba texto, lo que he hecho es agregarle don imágenes para que se vea más estético y visible, además he agregado el atributo title para que cuando pasen el mouse por encima de las imágenes aparezca una pequeña descripción de para qué sirve esa imagen.

Para ponerlo en tu blog de blogger ve a Diseño > Edición de HTML > con la ayuda del buscador de tu navegador (Ctrl + F) busca la etiqueta </head> y justo antes pega el siguiente código:

<script src='http://sites.google.com/site/pazosblogger/config/pagetemplates/script/textsizer.js' type='text/javascript'/>

Ahora ve a Diseño > Añadir gadget > elije > HTML/Javascript y pega el siguiente código:

<a href="javascript:ts('body',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUREA5u54X7cwG8fxrvRb4Nkv5e0s-jFryJxSyI3w9-e_1r0BVNMUKikH43qQRp8LsqnfR-YF6QonqDz2F-NfXd3WdtebzrfweOYGEC6fatII6X6kRT6K1ZcM4yyjaQhLqeN8oipWIaZg/s320/chica-grande.png" title="Ampliar Fuente" /></a>|<a href="javascript:ts('body',-1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ7pDFtVNLOsLrbWePWBBVWpTAYA8VExz2s1bD9Kkuw6YF-aM5IbnmbHHDgu5MZKcGcQB5j09eC9DKxmm-d3sTmH3PgQv1knD1oSKbK6_1HDJf7qSwZZ7-4h5bTZqvG8GQe0KqGrOmvdA/s320/grande-chica.png" title="Achicar Fuente" /></a href="javascript:ts('body',-1)">

Luego lo guardan y verán el efecto. Pero si lo que quieren es poner dicho truco sólo que contenga los links, ósea sin imágenes, en vez del anterior código peguen este otro código:

<a href="javascript:ts('body',1)">+ Ampliar Fuente</a> | <a href="javascript:ts('body',-1)">+ Achicar Fuente</a>

Lo que está en color rojo lo pueden cambiar por la URL  de su propia imagen, lo que está en color azul pueden poner el texto que ustedes quieran. Si utilizan el código de abajo también pueden cambiar el texto que está en color azul por el que quieran.

Configuración 

Por defecto el código viene para agrandar o achicar toda la fuente del blog, pero eso lo podemos configurar y hacer que sólo se achique o se agrande las letras de las entradas, para ello cambia o que está en color celeste body por main.

Descargar Script