Adding Code Snippets on Blogger Posts without any Installation

I've been looking for this for over a year now. Last year I was planning to make a blogspot tutorial blog when I encountered difficulty in displaying codes on blogger posts. So I decided to stop and blog for another topic that don't use any codes on the post. Until I've found some tutorials on how to do so.

First Method - Use SyntaxHighlighter

SyntaxHighlighter allows you to display codes on blogger posts. You can upload this on your own hosting or you can use the free hosted option. You can download SyntaxHighlighter here. Also on the page are tutorials on how to upload it. Or use the free hosted version.


Second Method - Parsing the Codes

You can do this by just following these simple steps. This method also works well in putting adsense codes on inside blogger posts.

1. Copy the code you want to parse or display on your blog posts.
2. Parse the code by using parse tool. It is free. Go to Blogcrowds.
3. Paste the code on the form and hit Parse.
4. There you go, the parsed code is now ready to be displayed on blogger post.

You can now display the codes on your blogger posts. But before that, enclose the code on a blockquote to give it an elegant look. To fully understand method number two, you can read BlogPandit's guide on how to do it.

• Add code snippet to blogger - mystery solved

Example:

PC Holics' Pagerank




PC Holics' Pagerank - Parsed Code

<a href="http://www.prchecker.info/" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3BjaG9saWNzLmJsb2dzcG90LmNvbQ==&tag=1" alt="Page Rank Check" border="0" /></a>