bloggerにsyntaxhighlighterでソースコード貼り付け

ソースコードをブログに表示するには、syntaxhighlighterが使いやすい。

ただしファイルbloggerの場合はjsファイル等をアップするところがないので、

別途ファイルをアップしてアクセスできる場所が必要！！

自分の場合は、フリーのWebサイトがあるのでそこにFTPでファイルをあげて使ってます。

以下、方法

①以下サイトの下部にある2.oをクリックし、右のdownloadからファイルをダウンロード。

http://code.google.com/p/syntaxhighlighter/

②解凍したstylesとscriptsのフォルダごと任意のサーバにアップ

③bloggerにログインし、デザインページで「HTML編集」表示

④html形式で表示されるので、以下の内容を追記（自分はheadタグの一番最後に追加しました）

<link href="http://www.xxx/styles/shCore.css" rel="stylesheet" type="text/css">
<link href="http://www.xxx/styles/shThemeDefault.css" rel="stylesheet" type="text/css">
<script src="http://www.xxx/scripts/shCore.js" type="text/javascript">
<script src="http://www.xxx/scripts/shAutoloader.js" type="text/javascript"/>
<script src="http://www.xxx/scripts/shBrushJScript.js" type="text/javascript"/>
<script src="http://www.xxx/scripts/shBrushCss.js" type="'text/javascript"/>
<script src="http://www.xxx/scripts/shBrushXml.js" type="text/javascript"/>
<script src="http://www.xxx/scripts/shBrushJava.js" type="text/javascript"/>
<script language="javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

⑤テンプレートを保存

⑥実際の投稿文書で「HTMLの編集」を押下し、ソースコードを貼り付け。

その際<pre class="brush:java"></pre>でソースをはさむ。

※xmlの場合は”brush:xml"とかに変更。

<pre class="brush:java">

public static void main(args[]){

System.out.println("hoge");

}

</pre>

⑦保存

以下、実際の表示

public static void main(args[]){
System.out.println("hoge");
}