Syntax Highlighting on Blogger - A guide that actually works.

I started to look for Syntax Highlighting code today to implement on this blog. Since I code in all kind of languages (JS,C#,AS3,SQL, etc.) I need something that can handle different kind of syntax and also looks good. I found SyntaxHighlighter from Alex Gorbatchev, which looks awesome.

How do can you implement this great code in your Blogger pages? I found a few guides that did not really work that well, so I'll now explain how to do it in five easy steps.

1. Go to your Blogger blog, log in and go to Layout -> Edit HTML.


2. Open another Browser Tab and copy the CSS from this url: http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css


3. In the edit window on Blogger go to the last line of the inline CSS (located in the HEAD tag) and paste the copied CSS code.


4. Copy this JS code last in the HEAD tag:
(When posting HTML code, remember to replace < with <, and replace > with >)

<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' />
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'/>  
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'/>  
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'/>  
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'/>  

5. At the end of the edit window just before the /BODY tag, paste this code:

<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

6. Save! And we're done!

Testing Syntax Highlighting

I'm finally planning to post some code examples from my portal, so here is a start with some syntax highliting :)

JS

var test = new Test();
int i = 0; // commenting test

SvD vs DN vs Nyhetskanalen

Sorry this one is in swedish...






Under tiden jag jobbar med att lansera vår nya sajt, vars innehåll till stor del innehåller feeds från olika nyhetssajter så ser man det varierande kvalitén i dessa feeds från några av landets största sajter.

Jag har en sida som innehåller widgets med feeds från bland annat Svenska Dagbladet, Dagens Nyheter och TV4's Nyhetskanalen, och som ni ser på bilden vinner klart SvD. Varför? Jo, till att börja med så har DN i den sin senaste artikel en font tagg! Vilken seriös sajt använder 2009 font? Enligt obsoleteskills.com blev den obsolete för 8 år sedan.

Vi går vidare till Nyhetskanalen.se, där vi ser den senaste, absolut hetaste nyheten: Bågjakt blir tillåten i Sverige. Vad hände med beskrivningen? Tomt.

Samma sak tre nyheter ner: Kvinna återfunnen efter 12 år. Här var det heller inte värt att ha någon beskrivning. Dåligt TV4.

SvD åt andra sidan har hyffsade nyheter i sin feed. Den enda kritiken är att de är något korta och helt utan bilder.

How to Run IIS on Amazon EC2 Cloud in 15 mins.

Bill Staples has written a step-by-step guide how to kickstart your ASP.NET website on the Amazon Elastic Compute Cloud (EC2) Windows Cloud.

The only bad thing is that EC2 currently use Windows 2003 servers so you can not run your appps on IIS7 :/

Read the article: http://blogs.iis.net/bills/archive/2009/01/13/how-to-run-windows-amp-iis-in-the-cloud-on-amazon-ec2-in-15-mins.aspx