Digital Media Insights for Business Owners

Testing the Syntax Highlighter

All right everybody. I just wanted to use this post as a quick way to demo the installation of syntax highlighter or in other words, styling your code in posts. You might be asking: “How do I style code inside my posts?” or “How do I share code bits in my posts?” and if you are, this is the right post for you.

First, you need to know that there are several ways to style the code bits in your posts. I am going to demonstrate only one. The Syntax Highlighter way:


1. Go to Syntax Highligher Project and download the necessary files.

2. Upload the necessary files to your server.

3. Go ahead and change the head and/or footer files in your blog/site to reflect the locations of the three files that are needed like this:


That is it.

Now you can just pretty much create a Pre tag with name:”code” and with class “html” for example, and it would style it for you.


Say: "Hola" to your new clients.

Follow us on Social Media for more Tips & Tricks.

Other Posts You May Enjoy