Como postar código fonte no Blogger

Marcadores: , 0 comentários

Olá pessoal,
hoje eu estava procurando um jeitinho pra pôr códigos de uma linguagem de programação aqui no meu blog e achei esse realçador de código-fonte. Com ele você pode inserir programas bem formatados em suas postagens. Pra isso, devemos usar as bibliotecas gratuitas em JavaScript do SyntaxHighlighter ( desenvolvido por Alex Gorbatchev) para inserir código de programas em seus posts.. Esta biblioteca suporta várias linguagens como: C++, C#, CSS, Delphi, JS, Java, PHP, Python, Ruby, SQL, VB, XML, HTML.
O primeiro passo é colocar os arquivos .js e de estilo .css em um site que possa armazená-los.
Depois de hospedar os arquivos, faça backup de seu template (para o caso de algo der errado) e coloque o código a seguir imediatamente antes de <html>
Troque [SEU SERVIDOR] pelo endereço onde o arquivo será hospedado.
Pronto! Já deve estar funcionando. Para colocar os códigos no seu post basta inserir o código da seguinte forma:



<link href='http://[SEU SERVIDOR]/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script src='http://[SEU SERVIDOR]/shCore.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushCpp.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushCSharp.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushCss.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushJava.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushJScript.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushSql.js' type='text/javascript'/>
<script src='http://[SEU SERVIDOR]/shBrushXml.js' type='text/javascript'/>


No caso de se usar tags, você deve trocar todos os símbolos "<" ("menor que") pelo código html &lt.


<pre name="code" class="c++">
...Seu código aqui!
</pre>


O nome da classe pode variar dependendo da linguagem utilizada, veja tabela completa das linguagens e dos apelidos usados no atributo class.
Qualquer dúvida é só comentar.

Postado por LindemBERG às 15:40  

Assinar: Postagens (Atom)