2013年3月5日火曜日

Blogger : Syntax Highlighter の設定

このブログにSyntax Highlighterを設定したときの覚え書き。

1. Syntax Highlighter Scripts Generatorの「Select a Theme」のリストボックスから使いたいテーマを選択します。

2. 次に「Select Brushes」で使用する言語にチェックをいれて「Generate」ボタンをクリックします。

3. そうするとスクリプトが生成されるので「Copy to ClipBoard」ボタンをクリックしてスクリプトをクリップボードにコピーします。

4. 自分のBloggerのブログを開いて、右上の「デザイン」から「テンプレート」→「HTMLの編集」と進んでHTMLの編集画面を開きます。

5. HTMLの最後から40〜50行あたりに</head>という行があるのでその行の直前に先ほどコピーしたスクリプトをペーストしてテンプレートを保存します。設定は以上です。

右上に表示される'?'のリンクを表示したくない場合は、スクリプトの以下の箇所に次の1行を書き加えるといいようです。
<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.defaults['toolbar'] = false;
    SyntaxHighlighter.all();
</script>

0 件のコメント: