cambiar el tamaño de la letra con dos botones en tu blog

Si queremos que nuestro blog ofrezca la posibilidad de cambiar el tamaño de la letra con dos botones, uno para aumentar y otro para disminuir tan sólo debemos hacer lo siguiente:

1) Vamos a Diseño
2) Edición de HTML
3) Buscamos </head> (tecleamos Ctrl + F para buscar más rápido)
4) Pegamos el código siguiente antes de </head>

---

<!-- cambiar tamaño de letra -->
<script type='text/javascript'>
var tgs=new Array(&#39;div&#39;,&#39;td&#39;);
var szs=new Array(&#39;xx-small&#39;,&#39;x-small&#39;,&#39;small&#39;,&#39;medium&#39;,&#39;large&#39;,&#39;x-large&#39;,&#39;xx-large&#39;);
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 &lt; 0) sz=0;
if (sz &gt; 6) sz=6;
startSz=sz;
if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];
cEl.style.fontSize=szs[sz];
for (i=0 ; i &lt; tgs.length; i++) {
cTags=cEl.getElementsByTagName(tgs[i]);
for (j=0; j &lt; cTags.length ; j++) cTags[j].style.fontSize=szs[sz];
}
}
</script>

---

5) Hacemos vista previa y si no hay ningún error le damos a guardar.
6) Vamos a Diseño
7) Elementos de página
8) Añadir HTML/Javascript
9) Pegamos el siguiente código en él:

---

<a href="javascript:ts('body',1)">Aumentar fuente</a>
<a href="javascript:ts('body',-1)">Disminuir fuente</a>

---

Si por el contrario queremos que se muestre una imagen como las siguientes
en lugar de un texto para cambiar el tamaño de la fuente, tan sólo debemos incluir este código en lugar del anterior que hemos pegado en Elemento de página->HTML/Javascript.

---

<a href="javascript:ts('body',1)"><img src="http://img32.imageshack.us/img32/1720/77690720.jpg"/></a>
<a href="javascript:ts('body',-1)"><img src="http://img291.imageshack.us/img291/6711/31555846.jpg"/></a>

---