Plugin Highlighter no Blogger

Highlighter é uma ferramenta em JavaScript que permite destacar linguagens/comandos nas postagens do seu Blog, como geralmente faço nas minhas postagens para que fique melhor a interpretação.

Exemplo:

aptitude install Highlighter Aqui :)
Ainda não descobri como utilizar o Highlighter nos magníficos temas dinâmicos do Blogger, mas fica a dica para quem quiser usar nos templates comuns, como eu estou utilizando.


Vamos lá!
Utilizando a nova interface do Blogger, clique sobre Modelo/Editar HTML e em Prosseguir.

Iremos inserir o código no fim do Cabeçalho, antes do </head>.

Veja o código:

<!--SYNTAX HIGHLIGHTER --> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/> 

<!--Desta linha para baixo são as chamadas para as sintaxes especificas-->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf;
SyntaxHighlighter.all();
</script> 
<!--SYNTAX HIGHLIGHTER ENDS--> 
Para utilizar o Plugin, você deve inserir o código abaixo no modo de edição HTML da postagem. Veja que o Bash foi a sintaxe que eu escolhi, você pode trocar de acordo com sua necessidade.

<pre class="brush:bash"> Seu AQUI!<pre> 
Acho que não consegui ser muito claro nestes exemplos não, mas qualquer coisa é só comentar aqui que eu tento ajudar. =) Até a próxima!

Comentários

Postagens mais visitadas deste blog

CUPS+SAMBA - Servidor de Impressão - Parte 1

Instalando o GLPI Server - Cent Os 6.2