by

How to post source code in blogspot

image_pdfimage_print

when I tried to publish a post in which I can show code snippets, I encountered some difficulties:
(1)Pieces between arrow brackets can not be displayed because in such a case Blogger will try to automatically corrected the HTML code by closing all tags such as an C++ library import<iostream>.
(2)There is neither line indent nor highlight. The code is ugly and hard to read.

So, how to display source code in a good manner? I did some research online. Here are the steps I followed to give the source code a “makeup”:

1.In the blogger,Click on Layout tab ->Edit HTML and put following things Before </head>

<link href=’http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css’ rel=’stylesheet’ type=’text/css’/>
<script language=’javascript’ src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js’/>
<script language=’javascript’ src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js’/>


2. put following things Before </body>

<script language=”javascript”>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(‘code’);
</script>


3. encode (HTML Encode) your source code. for this, you can use this.
OR

Copy your code in notepad and replace all < in &lt; etc.

4. Put your updated code between:

<pre name=”code” class=”Cpp”>
….My code here…
</pre>

image_pdfimage_print

Leave a Reply

Your email address will not be published. Required fields are marked *