Adicionar linhas de código no Blogger

Aprenda como incluir linhas de código em seu blog

Linhas de código ficam muito mais elegantes quando apresentadas da forma correta em seu post.

Implementando as linhas de código no seu blog

Em primeiro lugar copie o código abaixo e cole-o no html do seu blog, imediatamente antes do fechamento da tag "head".

Agora quando estiver criando seu post, entre no modo de html e adicione qualquer código que desejar entre as tags <pre class="brush: csharp"></pre>.

Por exemplo, a sentença abaixo...

public class HelloWorld {

    public static void main(String[] args) {
        System.out.println("Hello, World");
    }

}

Ficará assim:

public class HelloWorld {

    public static void main(String[] args) {
        System.out.println("Hello, World");
    }

}

Tags de HTML

Caso queira colocar linhas de html, você precisará passar seu código por um codificador de html, caso contrário o blog poderá entender que você está criando elementos de html no seu post.

Como um exemplo, o código original seria...

<HTML>
   <HEAD>
      <TITLE>
         Hello World
      </TITLE>
   </HEAD>
<BODY>
   <H1>Hi</H1>
   <P>I'm alive!</P>
</BODY>
</HTML>

Após passar pelo codificador de html ficaria assim...

&lt;HTML&gt;
   &lt;HEAD&gt;
      &lt;TITLE&gt;
         Hello World
      &lt;/TITLE&gt;
   &lt;/HEAD&gt;
&lt;BODY&gt;
   &lt;H1&gt;Hi&lt;/H1&gt;
   &lt;P&gt;I&#39;m alive!&lt;/P&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

Após colocá-lo entre as tags <pre class="brush: csharp"></pre>, aparecerá assim:

<HTML>
   <HEAD>
      <TITLE>
         Hello World
      </TITLE>
   </HEAD>
<BODY>
   <H1>Hi</H1>
   <P>I'm alive!</P>
</BODY>
</HTML>

Muito útil para quem gosta de criar posts para desenvolvedores como eu e como você! :)