README.md file updated.

kashif-umair · Sep 14, 2012 · a107052 · a107052
1 parent b92c020
commit a107052
Showing 1 changed file with 53 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -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.