Adding SyntaxHighlighter to Blogger

In this tutorial I will cover how to implement SyntaxHighlighter to your Blog. First of all... SyntaxHighlighter is a javascript based syntaxhighlighter which supports the most popular programming languages such as java, .NET, javascript, etc.

For more info please refer to http://alexgorbatchev.com/SyntaxHighlighter/. Implementing SyntaxHighlighter is very easy to use I will show you in a few steps how to add the hosted version to your blogspot blog.

Let's get started, the first thing to do is go to the Designer view.
Template -> Edit HTML -> proceed

Search for the <head> tag and paste the following code right under it:
Here is a practical example how the html of your post should look like:
package blog;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World");
    }
}
Your post should now look like this:
package blog;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World");
    }
}


That's all there is to do! Hope this can help some people out. However this was my first tutorial and i'm new to blogging so any advice and tips are always welcome :)
Labels: , , ,