Highlight Codes In Your Posts With Beautiful Syntax Highlighter Wordpress Plugin

syntax-highlighter-ssWriting posts in a beautiful way will definitely increase the readability of your posts. In this post I will explain how you can highlight CSS, Java and other codes in your posts easily with Syntax highlighter wordpress plugin. There are lots of plugins available for wordpress blogs to highlight codes in your posts but I will use syntax highlighter plugin by Vijesh Mehta in this post.

How to Highlight codes

  • First download syntax highlighter plugin from this link.
  • Now install this plugin and activate it.
  • Now write any post and surround the code in your post like this :

    <pre class="brush:[code-alias]"> …Your Code Here </pre>

    replace the "[code-alias]" segment with the type of code you have. You can see all the available brush alias here.
    For example if you want to use PHP code in your post, it would look like this :

    <pre class="brush:php"> …Your PHP Code Here </pre>

  • You can see this screenshot to see how this plugin will highlight your codes :

    syntax-highlighter

Popularity: 2% [?]

Related Posts:

Article by Simrandeep

Simrandeep has written 352 articles.

If you like this post, you can follow TricksDaddy on Twitter

Subscribe to TricksDaddy feeds via RSS or Email to receive daily updates

Join TricksDaddy's Revenue Sharing Program

  1. WOW… Amazing Fine… :)

    I always wondered how they used to do this…

  2. Wow, nice plugin. On my blog I’m using ‘SyntaxHighlighter Evolved’. It has some awesome features.

    Thanks for mentioning this.

  3. Simran says:

    @ George Serradinho

    I’ve also tested SyntaxHighlighter Evolved but I think this one is better than that :)

  4. Gagan says:

    it is a superb plugin, it will make my article more impressive. thanks Simran :)
    Gagan´s last blog ..How To Customize Google Custom Search Engine Watermark Image And Search Button My ComLuv Profile

  5. izero says:

    cool tutorial.. :)

  1. » Highlight Codes In Your Posts With Beautiful Syntax Highlighter … Wordpress Plugins: Just another WordPress weblog

    [...] Original post: Highlight Codes In Your Posts With Beautiful Syntax Highlighter … [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled