Este script permite que seu leitor aumente ou diminua a letra do texto de seu post.
Vamos instalar este script: Vá em seu blog, "Design" > "Editar HTML" NÃO marque a caixinha "Expandir modelos widgets" e cole o seguinte código abaixo bem ACIMA de </head> (Procure com Crtl + F para ficar mais fácil a busca no HTML).
<!-- Script Aumentar/Diminuir Fonte by http://www.mundodarkness.com/ -->
<script type='text/javascript'>
//<![CDATA[
function fontMais(){
var obj = document.getElementById("textoFonte");
if (obj.style.fontSize==""){obj.style.fontSize="12px"};
if (obj.style.fontSize=="10px"){obj.style.fontSize = "12px";}
else if (obj.style.fontSize=="12px"){obj.style.fontSize = "15px";}
else if (obj.style.fontSize=="15px"){obj.style.fontSize = "17px";}
else if (obj.style.fontSize=="17px"){obj.style.fontSize = "19px";}
else if (obj.style.fontSize=="19px"){obj.style.fontSize = "21px";}
}
function fontMenos(){
var obj = document.getElementById("textoFonte");
if (obj.style.fontSize==""){obj.style.fontSize="12px"};
if (obj.style.fontSize=="21px"){obj.style.fontSize = "19px";}
else if (obj.style.fontSize=="19px"){obj.style.fontSize = "17px";}
else if (obj.style.fontSize=="17px"){obj.style.fontSize = "15px";}
else if (obj.style.fontSize=="15px"){obj.style.fontSize = "12px";}
else if (obj.style.fontSize=="12px"){obj.style.fontSize = "10px";}
}
//]]>
</script>
<!-- Fim Script Aumentar/Diminuir Fonte by http://www.mundodarkness.com/ -->
Salve seu modelo! Agora já pode marcar a caixinha "Expandir modelos widgets" e procure o tag: <div class='post-header-line-1'/> ou algo bem parecido com isto e cole o seguinte código logo ABAIXO dela.
<b:if cond='data:blog.pageType == "item"'>
<a alt='Aumentar fonte' href='javascript:fontMais()'><img src='http://img405.imageshack.us/img405/2006/fontmais.gif'/></a>
<a alt='Diminuir fonte' href='javascript:fontMenos()'><img src='http://img707.imageshack.us/img707/359/fontmenos.gif'/></a></b:if>
Salve! Procure pelo seguinte trexo:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/><!-- clear for photos floats -->
</div>
<div style='clear: both;'/><!-- clear for photos floats -->
</div>
E cole o tag <div id="textoFonte"> bem ABAIXO de <div class='post-body entry-content'> e acrecente mais um </div> ao final do trecho. Ficando assim:
