PrettyPrint Code Snippets Blogger Post

2010-08-11T10:59:00.002-06:00

It seemed like a reasonable expection to be able to post snippets of code in a blog post. But alas it is not a straight forward task. After a bit of research the leading option appears to be SyntaxHighlighter by Alex Gorbatchev. While there are a number of articles which describe the installation and configuration of SyntaxHighligher here are the steps I took. Your mileage may vary, and I would recommend reading the post by Zobayer Hasan and Bloggermint.

In order to avoid the need to host the files yourself, I would suggest using files hosted by Alex Gorbatchev. Go to Dashboard ⇒ Layout ⇒ Edit Html and find the tag in your template. It will be near the top of the file.

<head>

Paste the following code after the <head> tag and press the Save Template button.

<!-- SyntaxHighlighter core js files -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>

<!-- SyntaxHighlighter brushes -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>

<!-- SyntaxHighlighter core style -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
 
<!-- SyntaxHighlighter theme -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<!-- SyntaxHighlighter main js -->
<script type='text/javascript'>
  SyntaxHighlighter.config.bloggerMode = true;
  SyntaxHighlighter.defaults['auto-links'] = true;
  SyntaxHighlighter.defaults['toolbar'] = false;
  SyntaxHighlighter.all()
</script>

Mystique - A Blog Makeover

2009-10-27T22:23:00.001-06:00

The choice of a theme for your blog is a very personal decision. The good news is that there are hundreds (perhaps thousands) of themes available to choose from ... this is perhaps also bad news is a way. It's all to easy to begin the search for a theme only to end up spends hours jumping for page to page, and site to site reviewing features, styles and layouts. May I offer the following post on Blogger Buzz as a starting point for your journey.

My personal Blogger template walkabout ended with the discover of the Mystique by Digital Nature. While the theme was originally developed for WordPress, it was converted to a Blogger them for WP Blogger Themes. There is a demo of the Mystique theme hosted on Blogger for your viewing pleasure.

edoism

PrettyPrint Code Snippets Blogger Post

Mystique - A Blog Makeover