Bloggerで始める今時のブログ（シンタックスハイライト）

一応このブログでは技術的な情報を配信する予定でいます。
そのため、ソースコードをブログに貼り付けるシーンも出てくると思います。
その際ソースコードを綺麗に見せたい！と思うので、シンタックスハイライトをBloggerにぶち込もうと思います。

https://sites.google.com/site/fazibear/blogger.html?attredirects=0

ここからblogger.htmlをダウンロードします。
こちらのブログを参考にしました。
コードをハイライトする「Blogger Syntax Highlighter」ウィジェット

このhtmlをブラウザで表示させると僕の環境ではうまくできないので、テキストエディタで開いて貼付けを行いました。
textareaで囲まれた部分（<style>~</script>まで）をコピーしてBloggerのウィジェットで「html/javascript」を選んで「タイトル」入力欄を空白にして、内容にコピーしたのを貼りつけて「ウィジットを追加」ボタンを押して追加しましょう。
下記の部分ね。導入すると下記みたいな感じで表示がされます。

<textarea style="display: none" name="widget.content">
<style>
中略
--></script>
  </textarea>

対応しているのは

• c 
• c++ 
• c# 
• css 
• delphi 
• html 
• java 
• js 
• pascal 
• php 
• python 
• ruby 
• sql 
• vb 
• xml

使い方としては下記のようにします。通常のモードではできないので「html」標示モードですね。

<pre name="code" class="html">
（コード）
</pre>

あと<や>は &lt;と&gt;に変換する必要があります。