Tutorial: Como instalar/utilizar o Syntax Highliter no blog.


Eu vi que uma infinidade de blogueiros que disponibilizam códigos ou tutoriais adoram colocar os códigos no Syntax, por deixar tudo mais profissionalizado. E foi pensando nessa praticidade oferecida pela syntax que eu decidi fazer um tutorial ensinando a vocês como instalar no blogger, e como usa-lo, sei que será muito útil para várias pessoas. E ai prontos? Vamos lá!

Para você que não sabe, o Syntax Highliter é uma caixa de códigos personalizada para blogueiros que costumam disponibilizar códigos e templastes no blog, como abaixo:




Por mais que pareça um bicho de sete cabeças, não é. A instalação é rápida, fácil e simplificada. Vamos começar?

01 - Faça um backup do seu template, caso algo dê errado.
02 - Acesse este link, copie todo o conteúdo dele, e cole antes de }]]>
03 - Agora copie todo o código deste link, e cole antes da tag /head
do seu template.

04 - Agora copie este código, e cole depois da tag /body
.
05 - Salve seu template.
06 - Quando for escrever alguma publicação, faça como está neste link.

E fim! Simples, né? Caso seu Synxta não funcione, acrescente este código depois da tag
do seu template.
Para personalizar o tamanho da fonte e a própria fonte, acrescente no seu css, a configuração abaixo, com as modificações:


.syntaxhighlighter code {
  font-family: Consolas !important;
  font-size: 10px !important;
}
Bom, é isso. Eu espero que vocês tenham gostado do tutorial, e não se esqueçam de compartilhar com os amigos e creditar caso usarem. Até a próxima.
Tecnologia do Blogger.