Páginas

segunda-feira, 18 de novembro de 2013

Como Postar Código Fonte no Blogger

Tive alguns problemas em exibir corretamente um código fonte aqui no blog, então fui atras de algo que pudesse formata-lo e melhorar essa visualização.
Foi quando encontrei o SyntaxHighlighter, um código de marcação de sintaxe desenvolvido em JavaScript.

A visualização do código fica mais ou menos assim:

import java.util.Scanner;

public class FormatandoCodigoFonte {

    public static void main(String[] args) {
                
        System.out.print("Código Fonte Formatado com Sucesso!");       
        
    }
}

Para colocar o SyntaxHighlighter no seu Blogger basta ir em Modelo > Editar HTML.
Encontre a tag </head> e coloque o código abaixo ANTES dela.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Você pode remover dessa lista as linguagens que você nunca utilizará, para agilizar um pouco o carregamento da página. Feito isso basta utilizar uma tag especial para formatar o código que será apresentado no seu post. Para isso, coloque seu código fonte dentro da seguinte estrutura, no editor de HTML da postagem:
 


Basta trocar o nome "brush: html" pela linguagem que você precisa.
Por exemplo, "brush: java".

Espero que tenham gostado. Até breve.

Nenhum comentário:

Postar um comentário