Formulário de contato

Nome

E-mail *

Mensagem *

Código em SyntaxHighlighter no blog

Para glória do Senhor Jesus!
Algo sempre necessário para quem posta tutoriais para blogs é postar códigos. Quem posta sabe que não é tão simples assim, que pode dar problemas de visualização, então a forma mais certeira de postar códigos sem problemas é no formato SyntaxHighlighter. Vou mostrar hoje como postar em SyntaxHighlighter no Blogger e WordPress.Com. É tão simples no WordPress.Com que nem farei post separado. 

1. No WordPress.Com

Vá no editor de postagem e, quando for para postar códigos, faça o seguinte:

[sourcecode toolbar="false"]
ESCREVA SEU CÓDIGO AQUI
[/sourcecode]

Pronto.

2. No Blogger

Para começar, entre no painel do seu blog no Blogger em “Modelo” e faça backup do seu template (Como fazer backup).

Depois entre no editor HTML do seu blog e procure por </body . Está quase lá no fim do código.

Agora acima da tag </body cole o seguinte:

<!-- (inicio) SyntaxHighlighter - by Alex Gorbatchev -->
<link href='https://sites.google.com/site/coisasdameri/honey-pixel-shcore-cinza.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/coisasdameri/honeypixel-shcore-cinza.js' type='text/javascript'/>
<script src='https://sites.google.com/site/coisasdameri/honeypixel-shbrushxml-cinza.js' type='text/javascript'/>
<script src='https://sites.google.com/site/coisasdameri/honeypixel-shbrushcsharp-cinza.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<link href='https://sites.google.com/site/coisasdameri/jessdefault-cinza.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;;SyntaxHighlighter.all();</script>
<!-- (fim) SyntaxHighlighter - by Alex Gorbatchev -->


Salve.

Agora vá em Configurações >> Postagens e comentários e, ao lado de Modelo de postagem, clique no link Adicionar. Dentro da caixa cole:

<pre class='brush:xml'> SEU CODIGO VAI AQUI </pre>

Veja a imagem...


Salve as configurações.

Pronto, agora sempre que você criar um novo post, em modo HTML cole seu texto ou código no lugar de SEU CÓDIGO VAI AQUI. Visualize e verá que ficou em SyntaxHighlighter. VER EXEMPLO DE COMO FICARÁ

MAS ATENÇÃO: Se for código HTML, tem que primeiro converte-lo para texto simples. Manualmente é osso e nem eu faço kkkkkkk... Vou no site nosetup.org. Muito bom. É só colar o código na caixa, clicar em "CONVERTIR", aguardar recarregamento e copiar o código convertido. Aí é só colar lá no lugar de SEU CÓDIGO VAI AQUI, com editor em modo HTML.

Beijoka!
Gratidão
Author Image

Meri Pellens
Cristã, mãe e blogueira com necessidades físicas especiais. Aprendiz e amante viciada de xadrez, busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.

Nenhum comentário:

Postar um comentário