Writing 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 :
<preclass="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 :<preclass="brush:php"> …Your PHP Code Here </pre>
- You can see this screenshot to see how this plugin will highlight your codes :
Simrandeep Singh is the Editor-in-chief of TricksDaddy and a blogger from Chandigarh (India).
He loves to write about WordPress, Freewares, Mobile Phones and Blogging Tips. Apart from Blogging, he loves travelling, photgraphy and cooking.
{ 7 comments… read them below or add one }
WOW… Amazing Fine…
I always wondered how they used to do this…
Wow, nice plugin. On my blog I’m using ‘SyntaxHighlighter Evolved’. It has some awesome features.
Thanks for mentioning this.
@ George Serradinho
I’ve also tested SyntaxHighlighter Evolved but I think this one is better than that
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 =-.
cool tutorial..
Very nice i was looking for this plugin and in search of it i wasted so much time
This Wordpress Plugin is handy. Highlighting Code on a wordpress blog assists the Bloggers
{ 1 trackback }