2011年4月29日金曜日

Blogger Blogs での Syntax Highlighter の使い方

■ 方法
  1. スクリプトの生成
  2. How To Add Syntax Highlighter(V3) To Blogger Blogs の「Syntax Highlighter Scripts Generator for Blogger」を使用してスクリプトを生成する
    1. 「Select a Theme」で Theme(デモ)を選ぶ
    2. 「Select Brushes」でハイライトさせたい言語を選ぶ(複数可)
    3. 「Get Code」ボタンを押して生成したスクリプトをコピーする
  3. スクリプトのブログへの埋め込み
    1. ブログの右上の「デザイン」をクリック
    2. 「HTMLの編集」をクリック
    3. 「テンプレートを編集」で HTML の「</head>」前にスクリプトをペーストする
  4. コードのポスト
    1. ブログの右上の「投稿」をクリック
    2. 「HTMLの編集」をクリック
    3. 以下のようにコードを埋め込む(HTML のテキストとしてエスケープする必要あり)
    4. <pre class='brush:[言語名];'>
      
      <!--コードを記述-->
      
      </pre>
      

0 件のコメント: