• Home
  • Services
  • Facebook
  • Privacy Policy

TricksDaddy

  • Home
  • Services
  • Facebook
  • Privacy Policy

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

Share On
 Previous Article Download Blogger Templates of Famous Social Networking Sites
Next Article   Tricks To Increase The Loading Speed Of WordPress Blog

8 Comments

  1. Debajyoti Das
    July 10, 2009 at 11:43 pm

    WOW… Amazing Fine… 🙂

    I always wondered how they used to do this…

  2. George Serradinho
    July 11, 2009 at 11:32 am

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

    Thanks for mentioning this.

  3. Simran
    July 11, 2009 at 10:17 pm

    @ George Serradinho

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

  4. Gagan
    July 14, 2009 at 5:23 pm

    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 =-.

  5. izero
    January 28, 2010 at 11:21 am

    cool tutorial.. 🙂

  6. vikash
    October 1, 2010 at 6:11 pm

    Very nice i was looking for this plugin and in search of it i wasted so much time

  7. Usman
    November 25, 2010 at 12:14 pm

    This WordPress Plugin is handy. Highlighting Code on a wordpress blog assists the Bloggers

  8. Pingback: » Highlight Codes In Your Posts With Beautiful Syntax Highlighter … Wordpress Plugins: Just another WordPress weblog
© Copyright. Theme by BloomPixel.