Testing the Syntax Highlighter

August 31st, 2009 admin Location: Raleigh, NC, Topic: Web Design | Digital Media

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:

Steps:

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.

Later,

Related posts:

1. The trend is A/B testing
2. 403 forbidden error after Update with Drush
3. Programming a Slider for WordPress 3.3
4. Media Queries in Drupal to display properly in iOS5, iPad and iPhone
5. Cpmove Account Move from One server to another in Cpanel 3
6. How to install WordPress from scratch?
7. Learning Website Design: Session 5 – Real Workflow
8. 7 Free Essential SEO Tips for Web Designers
9. About InterMarketing Blog
10. Learning Website Design Session #1 – Mac OS X: The tools

Posted in Design Tutorials | Comments Off