18 setembro 2011

Os leitores quem escolhem o tamanho de letra

(imagem:We♥it)


   Hoje venho com mais um tutorial que achei no blog Black Cat,é muito útil pois os seus leitores é quem escolhe o tamanho da letras do blog!! Então vamos ao tutorial!!


                 Vá em Desing--> Adicionar Gadget--> HTML/JavaScript,e cole esse código:


<a href="javascript:ts('body',2)">A+</a> <a href="javascript:ts('body',-1)">a-</a> 
<script type='text/javascript'> 
//<![CDATA[ 
var tgs = new Array( 'div','td','tr'); 
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' ); 
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 < 0 ) sz = 0; 
if ( sz > 6 ) sz = 6; 
startSz = sz; 
if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ]; 
cEl.style.fontSize = szs[ sz ]; 
for ( i = 0 ; i < tgs.length ; i++ ) { 
cTags = cEl.getElementsByTagName( tgs[ i ] ); 
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ]; 
} 
} 
//]]> 
</script>
                              


  E pronto!!! Fácil,né!!                            

Um comentário:

Tsu-chan disse...

Tutorial muito bom, tinha visto esse gadget em outro blog. Seguindo de volta. Beijinhos!

s2mclara.blogspot.com