Display codes with more formal syntax.

After studying CSS, it's time to display codes with more professional way.

Style.1

#Header1 h1 
{
 font: $googlefont, Verdana;
 font-size: 36px;
 font-style: normal;
 font-weight: 400;
 text-shadow: none;
 text-decoration: none;
 text-transform: none;
 letter-spacing: 0em;
 word-spacing: 0em;
 line-height: 1.2;
}

Style.2

#Header1 h1 
{
 font: $googlefont, Verdana;
 font-size: 36px;
 font-style: normal;
 font-weight: 400;
 text-shadow: none;
 text-decoration: none;
 text-transform: none;
 letter-spacing: 0em;
 word-spacing: 0em;
 line-height: 1.2;
}

Reference for Style #1:

• SyntaxHighlighter official site
• A blog to introduce how to format source code for blogging: CODE SHODE
• Very great step-by-step blog and a useful Conclusion: Syntax Highlighting with Blogger Engine
• Carter Cole's Blog
• The initial motivation for this top from: 

  Add Compressed External CSS Blogger Template - CSS

Reference for Style #2:

• Blogger CSS Syntax Highlight

Beautiful hightlight syntax, did you like that? :D