Google Syntax Highlighter

For future reference, this how you make the Google Syntax Highlighter work for your blog post.

If you want to include a strip of code into your blog, you can make use of the Google Syntax Highlighter plugin that is already installed in the Ideytech website. All you need to do is:

(1) Put your code between the “pre” tag with the “name” and “class” attributes. The name attribute should always have a value of “code” and the value of the class attribute depends on the language of the code that you are trying to post. List of supported languages for the class attribute can be found here.

Your code should look like this:
<br /><br /> <pre name=”code” class=”java”>insert java code here</pre><br /> <p>
(2) Link the CSS & Javascript files needed to render your code properly. Just copy-paste this code at the bottom of your post:
<img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-wp-preserve=”%3Cscript%20type%3D%22text%2Fjavascript%22%20language%3D%22javascript%22%20src%3D%22http%3A%2F%2Fwww.ideyatech.com%2Fwp-content%2Fplugins%2Fgoogle-syntax-highlighter%2FScripts%2FshCore.js%22%3E%3C%2Fscript%3E” data-mce-resize=”false” data-mce-placeholder=”1″ class=”mce-object” width=”20″ height=”20″ alt=”<script>” title=”<script>” /><br /><br /> <img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-wp-preserve=”%3Cscript%20type%3D%22text%2Fjavascript%22%20language%3D%22javascript%22%20src%3D%22http%3A%2F%2Fwww.ideyatech.com%2Fwp-content%2Fplugins%2Fgoogle-syntax-highlighter%2FScripts%2FshBrushJava.js%22%3E%3C%2Fscript%3E” data-mce-resize=”false” data-mce-placeholder=”1″ class=”mce-object” width=”20″ height=”20″ alt=”<script>” title=”<script>” /><br /><br /> <img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-wp-preserve=”%3Cscript%20type%3D%22text%2Fjavascript%22%20language%3D%22javascript%22%3E%2F%2F%20%3C!%5BCDATA%5B%20dp.SyntaxHighlighter.ClipboardSwf%20%3D%20’http%3A%2F%2Fwww.ideyatech.com%2Fwp-content%2Fplugins%2Fgoogle-syntax-highlighter%2FScripts%2Fclipboard.swf’%3B%20dp.SyntaxHighlighter.HighlightAll(‘code’)%3B%20%2F%2F%20%5D%5D%3E%3C%2Fscript%3E” data-mce-resize=”false” data-mce-placeholder=”1″ class=”mce-object” width=”20″ height=”20″ alt=”<script>” title=”<script>” />

Note: You have to replace the language at the part where it says …Scripts/shBrushJava.js with the appropriate language that you are trying to post. In other words, if you are tying to post an HTML code, you’ll need to use class=”html” at the pre tag which should consequently reflect …Scripts/shBrushHTML.js.

For further information, you can check out this site.