Blogger Code Formatting

Before I start posting code, I thought I'd outline how to display formatted code in blogger.  The following links were helpful in setting up code formatting in blogger:

• http://alexgorbatchev.com/SyntaxHighlighter/
• The syntax high lighting css and js files
• http://www.redheap.com/2013/01/syntaxhighlighter-at-blogger.html
• The instructions that I followed.  I tried many approaches, but this was the only one that worked for me.
• http://accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php
• The tool that I use to escape special characters before adding to a blog entry
• http://cdnjs.com/libraries/SyntaxHighlighter/
• The CDN location where the libraries are loaded from

The "brushes" and themes available are located here:

• Brushes: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
• Themes:  http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

I also included the style additions outlined in the blog post below. I included the additions after the "link href" sections that included the css files for SyntaxHighLighter.

• CSS: http://vichargrave.com/wordpress-syntaxhighlighter-3-x-tweaks/

    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'></script>
    <script type='text/javascript'>
        SyntaxHighlighter.config.bloggerMode = true;
        SyntaxHighlighter.defaults['auto-links'] = false;
        SyntaxHighlighter.defaults['tab-size'] = 2;
        SyntaxHighlighter.defaults['toolbar'] = false;
        SyntaxHighlighter.all();
    </script>

    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
    <style>
        .syntaxhighlighter .line.alt2 {
        background-color: #f2f2f2 !important;
        }
        .syntaxhighlighter {
        background-color: white !important;
        border: 1px solid #DADAD9 !important;
        margin-bottom: 20px !important;
        }
        .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
        background-color: #D4DDF8 !important;
        }
    </style>
    
    </head>