quinta-feira, 3 de junho de 2010

Como inserir código-fonte em uma postagem de um blog

.
No post anterior, precisei colocar vários códigos-fonte de exemplos, o que foi uma tarefa árdua. Por algum motivo que os experts em html devem saber (mas eu não...), o Blogger cismava de estragar minha formatação. Identação então, nem pensar... o bicho teimava em colocar tudo alinhado a esquerda! Achei que tinha resolvido isso, usando a dupla <> e < / pre >, e colocando um pontinho na primeira posição, pra ele respeitar meus espaços da identação...

Tava indo tudo muito bem, até que tentei colocar um exemplo de um laço for... rapaiz, nem com reza braba!! O bicho simplesmente sumia com um pedaço do código! Alguma combinação de caracteres no for deve significar alguma coisa doida pra ele...

Enfim, acho que encontrei a solução para o dilema: sites que formatam código fonte, gerando código html prontinho pra você colocar no post. São eles:

Source code formatter
http://codeformatter.blogspot.com/2009/06/about-code-formatter.html

Format my source code
http://formatmysourcecode.blogspot.com

Em ambos, o funcionamento é o mesmo: você digita seu código-fonte numa caixa, aperta um botão, e ele gera o código html que formata seu código. Os sites geram também um preview, pra você conferir o resultado.

A partir daí, é só copiar o código em html gerado, e levar para seu post. No caso do blogger, quando você estiver na tela de digitação do post, clique na aba "editar html", e cole o código gerado na posição correta.

Abraços!

Carlão

11 comentários:

ArturRRNeto disse...

Muito obrigado, Starfighter! Estava há muito tempo a procura de uma solução para esse problema! Aproveitando o momento, parabéns pelo blog!

Abraços!

Alex Nascimento disse...

Parabéns pela dica Carlão!

Também estava com esse problema e seu post foi muito util mesmo....

Thiago disse...

Cara muito bom mesmo!! valeu pela dica.. abraços

Diogo Souza disse...

Muito boa a dica! Obrigado! :)

Thiago Silveira disse...

Muito bom. Me ajudou bastante

Andre Louzada disse...

valeu pela dica!

Layonel disse...

Mais funciona?
coloco direto no post ou tem que fazer algo no código fonte
http://pouquinhobrasi.blogspot.com.br/

Marcio Luis Siqueira disse...

Grande Dica! Obrigado!

Carlos Valter Santos Ferreira disse...

Ótima dica amigo. A Google já devia ter coloca a opção de [codigo] usado em foruns.

Juliana Miranda disse...

Opa, valeu pela dica. Como já disseram antes, a google já deveria ter colocado a opção de inserir no blog um código fonte. -.-
Parabéns pela postagem! \o/

Ulysses disse...

Show cara fiz acabei de fazer uso na minha primeira postagem. http://programacaoexercicios.blogspot.com.br/2015/11/exercicio-de-vetores-e-arrays.html