Escrevendo código-fonte

O blogger, por si, não possui recursos muito atrativos para a formatação de código, portanto, recorremos ao utilitário dp.SintaxHighlight que faz tanto a formatação quanto a colorização de código-fonte em diversas linguagens. As linguagens habilitadas aqui são: C#, VB, Java, JavaScript, SQL e XML.

Para escrever uma postagem com código-fonte, utilize o seguinte formato:

<pre name="code" class="linguagem">
código...
</pre>

Para isso, no editor do post, você precisa mudar para o modo HTML através do link "Editar Html".

Um exemplo

Para apresentar o código-fonte de uma determinada função em C#, pode-se utilizar o seguinte:

<pre name="code" class="c#">
public string Calcular(int a, int b) {
   return a + b * 2;
}
</pre>

E o resultado será:

public string Calcular(int a, int b) {
   return a + b * 2;
}

Também é possível utilizar uma tag textarea, assim:

<textarea name="code" class="c#" cols="60" rows="10"> public string Calcular(int a, int b) { return a + b * 2; } </textarea>

E o resultado será:

public string Calcular(int a, int b) { return a + b * 2; }

Nesse caso, o interessante é que o código incluirá, automaticamente, quebras de linha, de modo que seja apresentada a quantidade correta de colunas.

Configurando o blog

Um requisito importante é que no layout html do blog estejam inseridos alguns scripts no final da página, antes de fechar a tag body:

<link type="text/css" rel="stylesheet" href="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shCore.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushCSharp.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushJava.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushSql.js"></script> <script language="javascript" src="http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script> <script language="javascript"> dp.SyntaxHighlighter.ClipboardSwf = 'http://www.ulbra-to.br:8080/dp.SyntaxHighlighter/Scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); </script>

Mas isso só precisa ser feito nas configurações do blog.

Dica

Depois de começar a editar sua postagem em HTML, pelo menos utilizando o editor do blogger, não fique alternando entre "Editar Html" e "Escrever", pois serão, automaticamente, inseridos alguns elementos indesejados, como <br />.