Permalink
Browse files

README.md file updated.

  • Loading branch information...
1 parent b92c020 commit a10705293e2eb7ddcd47052421326d020e804ad8 @kashif-umair committed Sep 14, 2012
Showing with 53 additions and 2 deletions.
  1. +53 −2 README.md
View
@@ -1,4 +1,55 @@
-king-code-highlighter
+KING Code Highlighter
=====================
-KING Code Highlighter to highlight different languages' code in a beautiful and intelligent way.
+KING Code Highlighter to highlight different languages' code in a beautiful and intelligent way.
+
+How To Use:
+
+1- Just open the html page in your favorite text editor on which you want to use Google Code Prettifier.
+In your head tag include following two lines.
+
+`````html
+ <link href="https://raw.github.com/kashif-umair/king-code-highlighter/master/css/prettify.css" type="text/css" rel="stylesheet" />
+ <script type="text/javascript" src="https://raw.github.com/kashif-umair/king-code-highlighter/master/js/prettify.js"></script>
+`````
+
+2- Add <code>onload="prettyPrint()"</code> to your document's body tag.
+
+3- Put code snippets in
+`````html
+<pre class="prettyprint">...</pre>
+`````
+or
+`````html
+<code class="prettyprint">...</code>
+`````
+and it will automatically be pretty printed.
+
+EXAMPLE:
+
+This is original without any formatting
+`````
+<!DOCTYPE html>
+<html>
+ <body>
+
+ <img src="w3schools.jpg" width="104" height="142" />
+
+ </body>
+</html>
+`````
+
+After adding the Google Code Prettifier to your code, your code will look like this.
+`````html
+<!DOCTYPE html>
+<html>
+ <body>
+
+ <img src="w3schools.jpg" width="104" height="142" />
+
+ </body>
+</html>
+`````
+If you have any questions, queries or suggestions then just email us at admin@pucitforums.co.cc.
+
+<b>NOTE:</b> We are not responsible if files are moved from here. You will be notified of the new files location so you have to update your links accordingly.

0 comments on commit a107052

Please sign in to comment.