In quest'articolo vi spiego il modo in cui si può personalizzare la visualizzazione dei codici all'interno dei vostri articoli. Esistono vari metodi, oggi mi limitero' a spiegare la versione SyntaxHighlighter che vi permetterà di avere una cosa di questo tipo:
(questo codice è solo un esempio, non ha niente a che fare con questo hack).
Ecco a voi i passi da seguire:
1) Prima di tutto vi consiglio di salvare il vostro codice HTML.
2) Inserite il seguente codice subito prima il tag </head>
<link href="'http://sites.google.com/site/simoxisite/syntaxhighlighter/SyntaxHighlighter.css'" rel="'stylesheet'" type="'text/css'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shCore.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCpp.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCSharp.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCss.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushDelphi.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushJava.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushJScript.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushPhp.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushPython.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushSql.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushVb.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushXml.js'" type="'text/javascript'/">
<script src="'http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushRuby.js'" type="'text/javascript'/">
2) Ora subito dopo </body> , incollate il seguente codice:
<script language="'javascript'">
function start() {
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);
}
window.onload = start;
</script>
A questo punto salvate il vostro template.
Per poter applicare questo Hack all'interno dei vostri articoli bisogna usare il seguento codice all'interno di quest'ultimi:
<pre name="code" class="css">
Inserire il codice qui
</pre>
Oppure
<textarea name="code" class="css">
Inserire il codice qui
</textarea>
Usando pre bisogna convertire i tags <> in & lt; e & gt; (senza lo spazio tra & e g )
Tutto chiaro? :)
Post
0 commenti
Posta un commento