quarta-feira, 2 de junho de 2010

Dê a seus visitantes a opção de aumentar a fonte!

De a opção para seu leitores aumentar e dimuir a fonte do seu  blog.Eu recomendo, pois algumas pessoas tem dificuladade para ler, devido a fonte muito pequena.

Copie o código , vá em Layout - Elementos da página - Adicionar um Gadget e escolha HTML/javascript , e cole o código, simples assim! =D

<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>

Na parte destacada você pode colocar outra coisa como, como "Aumentar fonte" ou "Diminuir fonte".

Marcadores: ,

Colocando diferentes ícones em cada título dos widgets da sidebar

 Coloque imagens diferentes em cada uma das widgets do seu blog.Ótimo para blogs que dividem em categorias.

Para isso, vá do Editor HTML do blogger e clique em Explandir modelos de widgets.

Dê um Ctrl + f ou apenas aperte F3 e pesquise o título de umas das suas sidebars.



Encontrando o nome, mais abaixo terá um código como esse :  <h2><data:title/></h2>

Ou poderá ser esse também:  <h2 class='title'><data:title/></h2>

Daí você substitue por estee código:

<h2 class='title'><img src='URL DA IMAGEM'/><data:title/></h2>

Em URL DA IMAGEM coloque o endereço da imagem.

Faça isso com todos os títulos, substituindo apenas a url da imagem por outra diferente ou deixe a mesma.

Marcadores: , ,