Stylish - Google Code Prettify

 
"Google Code Prettify" is an effective way to attract your website's target audience with cross-support browsing and inter-language support. I often want to include snippets of code in my instructional blog posts, so to make my blog posts easier to read, I decided to add syntax-highlighting to my blog tonight. There are various syntax highlighting solutions out there, but i use Google Code Prettify and it's worked well enough there, so I went with what I knew. Also i customized it's CSS part with my own code and it is working :)

Pretty-Print Code Snippets

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Notepad</title>
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js">
</script><![endif]-->
</head>
<body>
  <div class="notepad">
    <div class="notepad-heading">
      <h1>Code Snippest</h1>
    </div>
    <blockquote>
      The essence of the independent mind lies not in what it thinks, 
but in how it thinks.
    </blockquote>

  </div>
</body>
</html>


Like this post? Then, Share it

No comments:

Post a Comment