21 de fev de 2010

Latex no Blogger

Para que tem um blog de Matemática, Física, Química ou outro de exatas que necessite escrever fórmulas, sempre é um problema encontrar um bom editor de fórmulas que fique com uma boa aparência ao ser publicada no blog. A solução definitiva é escrever fórmulas em comandos $\TeX$.


Tentei diversas formas e scripts, mas com nenhum deles obtive resultados tão bons quanto ao script da MathJax.

Inserindo um script da MathJax dentro do código html do blog, podemos usar os comando $\TeX$ e obter uma excelente tipografia na renderização das fórmulas. Para a fórmula da equação de segundo grau, por exemplo, vejam o resultado:
\begin{equation*}
x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}
\end{equation*}
Ao escrevermos fórmulas in-line, ou seja, no meio de uma frase, devem ser escritas entre os símbolos de $ para que o script interprete corretamente. Por exemplo, para o comando $f(x)=x^2$, obteremos este resultado: $f(x)=x^2$.

Para algumas noções básicas de como inserir fórmulas em $\LaTeX$ no blogger, acesse essa página: O que vou aprendendo em $\LaTeX$.

Inserindo o Script MathJax no código html

Começamos abrindo o Painel do Blogger e clicando em modelo e em seguida em Editar HTML:


Agora você terá acesso ao código de seu blog. Utilize CRTL+F e procure pela tag <head>. Logo abaixo, cole o script:


Você verá algo semelhante a isso:


Clique em visualizar modelo e confira se não existe algum erro. Se estiver tudo certo, clique em salvar modelo.

Teoricamente basta criar uma postagem e inserir suas fórmulas. Antes de publicar, clique em visualizar para conferir uma prévia.

Sugiro a leitura do artigo Latex em Tempo Real, pois tem algumas dicas e também é possível digitar uma sintaxe e visualizá-la simultaneamente.

Uma informação que acredito ser importante é usar fontes maiores como padrão de texto dos artigos. Se forem muito pequenas, a renderização das fórmulas não ficam tão boas. Eu utilizo fonte 17 e o resultado é muito bom. Caso achem necessário, procurem em outros tutoriais como alterar o tamanho da fonte do seu blog.

Customização

O Script acima vem como default o uso da tag $ para fórmulas inline e cifrões duplos para fórmulas destacadas, ou seja, entre parágrafos. No entanto, podemos alterar estas tags, caso deseje.

Havia um script $\TeX$ chamado Greasemonkey, um complemento para o Firefox, que utilizava as tags [; fórmula ;] para abrir e fechar a sintaxe. Para alterar para este padrão, por exemplo, substitua os cifrões por [; e ;].


Também é possível outros modos, como usar [tex] para abrir e [/tex] para fechar a sintaxe. O mesmo vale para fórmulas destacadas, onde se usam os cifrões duplos. Experimente!

Veja mais:

$\LaTeX$ em tempo real
MathJax - Beautiful math in all browsers
10 dicas valiosas para professores blogueiros iniciantes  no blog do Prof. Edigley

30 comentários:

  1. Bacana amigo, obrigado por compartilhar!

    ResponderExcluir
  2. Valeu! será muito útil para mim!

    ResponderExcluir
  3. Olá Kleber,

    Existe sim uma forma de colocar Latex no fórum, mas ainda não descobri como. Caso você encontre alguma coisa, por favor me envie.

    Um abraço! Até mais!

    ResponderExcluir
  4. Ok Marcelo, vou dar uma pesquisada.

    Um abraço!

    ResponderExcluir
  5. Olá Kléber, beleza! Também estou quebrando a cabeça com fórmulas e caracteres especiais no editor do blog.Tenho usado vários paliativos, mas dá um trabalho danado.
    Uma das coisas que gostaria de implementar o latex nos comentários do blog.
    Apartir desta semana já começo a fuçar para ver se consigo entender como funciona.
    Se souber de algo, me avise. Abraços.

    ResponderExcluir
  6. Eu instalei o Script acima e consigo fazer uso da sintaxe Latex. Veja este post:

    http://obaricentrodamente.blogspot.com/2008/11/gravitao-universla-e-campo.html

    No link abaixo tem 2 PDFs com símbolos e notações matemáticas na sintaxe Latex:

    http://www.4shared.com/file/239334398/720dd8ad/comprehensive.html

    Procurei sobre usar Latex nos comentários e ainda não encontrei nada. Se souber de alguma coisa te aviso e vice-versa.

    Abraços!

    ResponderExcluir
    Respostas
    1. veja este vídeo
      https://youtu.be/iW_fNzlELkI

      Excluir
  7. Acredito que o teu código esteja bichado. Só consegui com o código da fonte citada: http://watchmath.com/vlog/?p=438

    Orival Medeiros

    ResponderExcluir
  8. Obrigado por me avisar, realmente havia um erro. Mas já está corrigido. Abraços!

    ResponderExcluir
  9. Esse código ainda funciona no Blogger?
    Acho que não está dando certo comigo...

    ResponderExcluir
    Respostas
    1. Olá Caroline. Funciona sim. Acabei de fazer um teste: copiei o código e inseri num blog de teste que tenho. Funcionou perfeitamente. Confirme se entrou no modo MODELO >> EDITAR HTML, busque pela tag HEAD e cole o código logo abaixo. Salve e faça uma postagem de teste. Antes de publicar, clique em VISUALIZAR.

      Um abraço.

      Excluir
  10. Teste de equação: Identidade de Euler

    ${ e }^{ i\pi }\quad +\quad 1\quad =\quad 0$

    Att. Romirys Cavalcante

    ResponderExcluir
  11. Implementando por estes dias no Xarlleslb Blog, valeu pelo post!
    Revivendo tex!!!

    ResponderExcluir
    Respostas
    1. Jura, vc conseguiu?No meu blog - A matemática pura - não tou conseguindo colocar de jeito nenhum.

      Excluir
    2. Foi só colocar o código no html e funcionou bem; só tive que rever muitas postagens: trocando imagens por $tex$, em lugares que usei \$ como símbolo de reais tive que adicionar \ antes, formatações e outros...

      Excluir
    3. O código funciona bem. Quanto ao cifrão, temos que refazer essa parte nas pastagens antigas. Agora, realmente é um trabalho grande refazer todas as postagens. Aqui no blog ainda tem várias postagens usando imagens para as formulas. Aos poucos vou atualizando.

      Abraços.

      Excluir
  12. Kleber, apenas uma dúvida... Ele renderiza a fórmula na hora ou só depois que sai a postagem? Eu testei aqui e, quando peguei o celular para ver como ficou, vi que a fórmula não tinha " tomado forma " ainda tava só o código.

    ResponderExcluir
  13. A renderização não é na hora. Há pouco tempo atrás bastava clicar visualizar e abria uma nova tela como o post iria ficar. Parece que o blogger andoj mexendo em algo. Agora, somente depois de mandar publicar. Tem um site da codecogs que tem um formulário online e da para ir testando os codigos antes. Dependendo do template que vc usa, como o meu, as formulas so renderizam no celular se clicar no link la no fim da pagina para versão para web. Tente e se tiver duvida me avise. Abraços.

    ResponderExcluir
  14. Obrigado colega! Funcionou aqui de boa!!

    ResponderExcluir
  15. Obrigada pelo post, me ajudou!

    ResponderExcluir
  16. Valeu! Deu certo $$\underset{n\rightarrow\infty}{lim}\frac{\ln\;n}n$$

    ResponderExcluir
  17. Boa noite
    o código quando inserido está fazendo algumas alterações automaticamente e não está funcionando

    tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ],
    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],

    teria como me ajudar?

    ResponderExcluir
    Respostas
    1. Jonilsin, este script é o que está no meu blog. Tente copia-lo e colar no bloco de notas. Em seguida copie e cole no html.

      De qualquer forma, à noite farei um novo teste.

      Qualquer dúvida envie-me um e-mail.

      Abraços.

      Excluir
    2. Acabei de testar. Está funcionando ok. Envie sua dúvida para meu e-mail para tentarmos encontrar o erro. Abraços.

      Excluir
  18. Mandei no e-mail ,

    Grato

    Jonilson

    ResponderExcluir
  19. Kleber, muito obrigado.
    Bastou apenas mudar para o modelo simples e funcionou.
    Valeu!!!

    ResponderExcluir
  20. Como aceitar latex nos comentários de meu blog no blogger?

    ResponderExcluir
    Respostas
    1. Francisco, no caso do meu blog, ao incluir o código no corpo do html, já serviu para os comentários também. Inclusive nos widgets também funciona. Faça um teste. abraços.

      Excluir

Por favor, leiam antes de comentar:

▪ Escreva um comentário apenas referente ao tema;

▪ Para demais, utilize o formulário de contato;

▪ Comentários ofensivos ou spans não serão publicados;

▪ Desde o dia 23/07/2013, todos os comentários passaram a ser moderados. Para maiores detalhes, veja a nota de moderação aqui;

▪ É possível escrever fórmulas em $\LaTeX$ nos comentários deste blog graças a um script da Mathjax. Para fórmulas inline ou alinhadas à esquerda, escreva a fórmula entre os símbolos de $\$$; Para fórmulas centralizadas, utilize o símbolo duplo $\$\$$.

Por exemplo, a^2 + b^2 = c^2 entre os símbolos de $\$\$$, gera:
$$a^2+b^2=c^2$$
▪ Para visualizar as fórmulas em $\LaTeX$ antes de publicá-las, acessem este link.

Seu comentário é o meu Salário!

Redes Sociais

Arquivo do Blog

Related Posts Plugin for WordPress, Blogger...