1ª linha de código
2ª linha de código
... e por aqui abaixo ...
Por vezes há a necessidade de introduzir um pedaço de código numa mensagem do blog, para explicar como se faz qualquer coisa. A linguagem pode ser o Javascript (na maioria das vezes) ou outra qualquer.
É claro que isso pode ser feito inserindo o código no corpo da mensagem, como texto normal desta. No entanto, isso tem alguns inconvenientes:
1. Não é tão destacado;
2. Não é muito elegante;
3. Quando fazemos o "copy & paste", para o nosso editor de programação, muitas vezes o que é copiado não é o código mas algo diferente. Por exemplo < é substituído por < o que pode levar a erros desnecessários. Nesse sentido, vou descrever como se deve fazer para que o código seja inserido na mensagem de forma adequada (ver exemplo acima, no início desta mensagem) e evitando aqueles inconvenientes. 1. Fazer o download deste ficheiro em formato rar
2. Descomprimir o ficheiro
3. Colocar num servidor qualquer da Internet as pastas descomprimidas (Scripts e Styles)
4. No template do blogger, a seguir ao , colocar:
link href="http://www.cei-esas.com.pt/Uploads/luisj/Styles/SyntaxHighlighter.css" type="text/css" rel="stylesheet">
Nota: É óbvio que em vez de http://www.cei-esas.com.pt/Uploads/luisj deve usar o endereço do servidor onde colocou as pastas acima referidas. No entanto pode usar mesmo este código pois eu tenho lá as pastas e são utilizáveis por qualquer um.
5. Antes do do Template do blogger que está a usar, coloque
A mesma nota do ponto 4. é válida.
6. Finalmente, quando estiver a escrever a sua mensagem, em que quer inserir o código, vá para a edição em html e escreva (adaptando "javascript" ao seu caso concreto):
... código aqui ...
Escrevendo o seu código onde diz "... código aqui ... "
Qualquer dúvida, usem a caixa dos comentários, p.f.
Na próxima mensagem irei usar este sistema para descrever (e implantar) como se coloca um tradutor com bandeiras no nosso blog, de forma a que os utilizadores possam traduzir, a partir do próprio blog, o nosso blog para uma série de outras línguas.
Não percam!
| Language | Aliases |
| C++ | cpp, c, c++ |
| C# | c#, c-sharp, csharp |
| CSS | css |
| Delphi | delphi, pascal |
| Java | java |
| Java Script | js, jscript, javascript |
| PHP | php |
| Python | py, python |
| Ruby | rb, ruby, rails, ror |
| Sql | sql |
| VB | vb, vb.net |
| XML/HTML | xml, html, xhtml, xslt |
1 Comentário
Muito bom!
Enviar um comentário