Gadget que cambia de tamaño la letra

Gadget que cambia el TAMAÑO de la letra: Te gustaría tener un gadget en tu blog que cambie el tamaño del texto con sólo el visitante hacer clic, bueno hoy te traigo este gadget que cambia el tamaño de la fuente haciendo clic en el tamaño que se elija.

Cuando coloque este Gadget ustedes podran ver esto pero que si funcione

12 15  20 

qué te parece?
Si te ha gustado es muy sencillo agregarlo a tu blog, sólo copia el siguiente coódigo y ve a diseño > agregar gagets > Html/JavaScript y pega allí el código. (Mas detalles en el siguientetutorial de blogger) 

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='10px'"><span>10</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='12px'"><span>12</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='14px'"><span>14</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='16px'"><span>16</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='18px'"><span>18</span></a>

Puedes cambiar los tamaños y agregar mas

por ejemplo,aca hise uno con muchos mas:

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='10px'"><span>10</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='12px'"><span>12</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='14px'"><span>14</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='16px'"><span>16</span></a>  <a href="javascript:void(0);"
onclick="javascript:body.style.fontSize='18px'"><span>18</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='20px'"><span>20</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='22px'"><span>22</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='24px'"><span>24</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='26px'"><span>26</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='28px'"><span>28</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='30px'"><span>30</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='32px'"><span>32</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='34px'"><span>34</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='36px'"><span>36</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='38px'"><span>38</span></a>  <a href="javascript:void(0);"onclick="javascript:body.style.fontSize='40px'"><span>40</span></a>

domingo, 6 de marzo de 2011