Cursos 24 Horas - Cursos 100% Online com Certificado

Widget Leitores escolhem a fonte e o tamanho da letra - Blogger

9 Comentários Autor : Notícia e blog 23 outubro 2009

Não é está fonte não! :-)


Alguns blogs a fonte pode ficar um pouco pequena, para alguns leitores, pois o tamanho da letra do seu blog é menor devido ao Layout que não permite fonte maior ou você não quer estragar o template com uma fonte de tamanho absurdo, para corrigir isso encontrei este Widget que permite o leitor escolher a fonte e o tamanho da Letra.Veja abaixo como fazer:


1.Faça login no Blogger


2.Acesse o "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript"


3.Adicione este código no espaço do widget:
<script>
function go1(){if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none"){document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value}}

function go2(){if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none"){document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value}}
</script>

<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:Arial;font-size:10pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option value="Trebuchet Ms"/>Trebuchet Ms
<option selected value="Verdana"/>Verdana
</select>

<select onchange="go1()" style="font-family:Arial;font-size:10pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>

4.Salve e visualize


Referência:Web UPD8

    9 Comentários

    Marcio Roberto M. disse...
    25 de outubro de 2009 23:45 #
    Notícia e blog disse...
    27 de outubro de 2009 13:56 #

    @Marcio Roberto M. , Obrigado

    Romário Sousa disse...
    8 de novembro de 2009 13:51 #

    Não funcionou em meu blogger.

    Notícia e blog disse...
    8 de novembro de 2009 14:41 #

    @Romário Sousa, é porque seu blogger já está definido uma fonte padrão.

    Herrera [ Agente blog Filippo ] disse...
    30 de janeiro de 2010 17:50 #

    No meu tambem nao deu, eu coloquei o widget, e nao fez alguma diferença,

    Como posso resolver isso ?

    Alexandre Garcez disse...
    19 de junho de 2010 16:18 #

    nem no meu, amigo, pode nos ajudar ? :/ queria tanto.

    O Guri disse...
    26 de junho de 2011 16:03 #

    Eu procuro por isso há muito tempo. Muito boa a sua iniciativa de disponibilizar isso de forma tão simples e util. Obrigado ;)

    http://umgurientregurias.blogspot.com/

    Mil suspiroos disse...
    3 de setembro de 2011 00:35 #

    Adorei!!!

    Muito obrigada!!

    Magali Pedro disse...
    17 de junho de 2012 11:54 #

    Muito bom! Obrigada!

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.