Codice su blogger con SyntaxHighlighter

SyntaxHighlighter è un plugin in javascript che consente di evidenziare porzioni di codice inserite in un una documento HTML o in un post.

L'inserimento di SyntaxHighlighter in un documento HTML richiede le seguenti operazioni:

1. Scaricare i file dal sito http://alexgorbatchev.com/SyntaxHighlighter/ e caricarli sul web server.
2. Linkare al documento i file principali shCore.js e shCore.css
3. Linkare al documento i file relativi ai linguaggi utilizzati "brushes" (qui si trova la lista dei file-linguaggio disponibili)
4. Includere i fogli di stile shCore.css e shThemeDefault.css
5. Creare un tag con <pre> o <script> per ogni porzione di codice da evidenziare.
6. Richiamare il metodo SyntaxHighlighter.all()

Vediamo più nel dettagio l'inserimento di SyntaxHighlighter nei post di Blogger:

1. Accedere al pannello di gestione del blog, selezionare la voce "Modello" e quindi "Personalizza HTML"
   
2. Una volta avuto accesso al codice HTML del modello, appena prima del tag "</head>" inserire il seguente codice:


3. Salvare quindi il codice HTML del modello personalizzato
4. Inserire ora nel post la porzione di codice racchiusa dai tag <pre> e </pre> specificando il linguaggio usato nell'attributo di classe (in caso di codice html lo inseriremo tra i tag <pre class="brush:js"> e </pre> ).

Il sito di riferimento è http://alexgorbatchev.com/SyntaxHighlighter/ dove è possibile trovare anche le istruzioni di installazione in altre applicazioni.