SEO Tips and all things Blogging

How to post source code in blogspot

H

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>

Add comment

By domdom rung
SEO Tips and all things Blogging

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Categories

Recent Posts

Recent Comments

Archives