segunda-feira, 16 de outubro de 2017

Como aumentar e diminuir o texto da postagem do blogger

frc97
05:50:00
0
, ,
Como aumentar e diminuir o texto da postagem do blogger

 Essa dica é muito importante para quem deseja aumentar a navegabilidade de seu blog. Esse Script, quando dado o comando , aumenta ou diminui o tamanho da das letra da sua postagem. Sendo assim, para que você tenha essa funcionalidade em seu site, basta seguir os passos abaixo:

1. Vá para o painel do blogger e clique em Editar HTML no blog que deseja realizar a alteração.

2. Aperte CTRL F e pesquise pelo trecho: <div class='post-header-line-1'> e acima dessa tag cole o código abaixo:


<a href="#A+" id="increase">A+</a>
<a href="#A-" id="decrease">A-</a>

3. Feio isso, procure agora por: </body> e acima dessa encontrada cole o seguinte código:


&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() { 
  $(&#039;#increase&#039;).click(function(){    
        curSize= parseInt($(&#039;.post&#039;).css(&#039;font-size&#039;)) + 2;
  if(curSize&lt;=20)
        $(&#039;.post&#039;).css(&#039;font-size&#039;, curSize);
        });  
  $(&#039;#decrease&#039;).click(function(){    
        curSize= parseInt($(&#039;.post&#039;).css(&#039;font-size&#039;)) - 2;
  if(curSize&gt;=12)
        $(&#039;.post&#039;).css(&#039;font-size&#039;, curSize);
        }); 
 });
&lt;/script&gt;

Observação :

Caso deja alterar o limites para aumentar e dimninuir, deve-se mexer apenas nesses dois trechos, sempre lembrando que o limite é 12px:
Aumentar o texto: curSize<=20 do #increase
Diminuir o texto: curSize>=12 do #decrease

4. Salve e veja o resultado.