一応このブログでは技術的な情報を配信する予定でいます。
そのため、ソースコードをブログに貼り付けるシーンも出てくると思います。
その際ソースコードを綺麗に見せたい！と思うので、シンタックスハイライトを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>
あと
<や
>は
<と
>に変換する必要があります。