Hoje irei postar o script responsável por isso:
Vou primeiro mostrar os tamanhos de fonte que usei,('15px','19px','23px','27px') que possivelmente não funcionou correctamente com o código do blog; mas funciona o suficiente para um exemplo, os tamanhos são em pixeis, o blog (nesse estilo) usa algo font-size: 0.9em ou font-size: 90% que não entendi muito bem।
Isso é importante ("ID DA DIV QUE CONTEM O TESTO")Exemplo de DIV: <div class='floater' id='floater'> o testo a ser aumentado deve estar dentro de uma DIV com ID e a ID=(nome da DIV) deve estar especificada no SCRIPT. É a única parte do script que deixei em maiúscula.
(Eu também consegui fazer com table; porém só deu certo usando ID na td e não na table)
Deve também ser criado os links para aumentar e diminuir a fonte. Que podem ser imagens ou texto, vou passar os dois links, para escolher. Problema com o uso de imagens postadas no Blogspot?
link com imagem
link texto
SCRIPT
<script><!--
var fs = new Array('15px','19px','23px','27px');
var contador = 0;
function novoTamanho(x){
if(x == 0){
if(contador < fs.length - 1){
contador++;
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.fontSize = fs[contador];
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.lineHeight = fs[contador];
}
}
if(x == 1){
if(contador > 0){
contador--;
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.fontSize = fs[contador];
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.lineHeight = fs[contador];
}
}
}
//-->
</script>
Gosto muito de usar o Javascript! Já consegui criar um editor html online no meu blog!
ResponderExcluirParabéns, Foi testado!