Memo that was setting Syntax Highlighter on Blogger.

I set appearance of program code on Blogger by Syntax Highlighter.
but, There was a little problem. So, I will write memo of solution.

Syntax Highlighter is able to appear with row number that  program code on html.
of course, that's appearance is beautiful.
also, you can get more information from search by google.

Setting of Syntax Highlighter is follows.

1. Page for the generation of Syntax Highlighter(below link), I generate code for CSS and JavaScript needed to configure the Syntax Highlighter.
    http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator


2. I set the head tag of the html code of CSS and JavaScript needed to configure the Syntax Highlighter generated.

3. The class attribute of the tag of where I want to display beautifully with line numbers of the program code  Completion to set the class name that is ready for Syntax Highlighter.


From here, and I was actually set, it is what was addicted.

* First, check the programming language to be displayed with line numbers in the program code page for the generation of Syntax Highlighter(below link).
    http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator




* Then, click the Generate button.




* Code of CSS and JavaScript required to set up the Syntax Highlighter is generated. Therefore
Code is incorporated into the clipboard by clicking the Copy To ClipBoard button.
(In select all the code, is acceptable. Also a copy)


* Click on the Settings screen of the Blogger "Template", and click the "Edit HTML".

* </ Head> just before the tag, I paste the code of CSS and JavaScript needed to configure the Syntax Highlighter that you just copied.

* I tried to click on the "Preview template" set of Syntax Highlighter is being reflected in the then, but the setting of the Syntax Highlighter is not reflected.
(Pacakage ~ is the relevant section, but. Line number has not been displayed, has become the only text)

* Although was confirmed I think that there are no errors in the text that you have posted to Blogger
Class name that is ready for Syntax Highlighter is set.
(<pre class = "brush: java"> is relevant location)

* When I am looking where to find there is no configuration error, looking at the page of the actual Blogger
Setting Syntax Highlighter had been reflected.

So, the setting of the Syntax Highlighter is
In the preview, it will not be reflected in the template,
It is do I have to check the page of the actual Blogger. (Dec. 30, 2013 point)