Bloggerでsyntaxhighlighterを使ってソースコードを綺麗に表示

たまにソースを書く時に便利そうなのでsyntaxhighlighterを導入してみた。
難しいソースの貼り付け方は分からないけど簡単なhtml位なら素人の私でも大丈夫そうだよ。。。
という事で簡単にメモを

使用言語の設定

preタグを使う

// ココにソースを記述

例

// ココにソースを記述

例

// ココにソースを記述

例

ここにソースコードを記述する

Bloggerツール , java , デモあり

画像を使わずに作れるお洒落なタブ

HtmlとCSSだけで画像を使わなくてもお洒落なタブが出来るんですね。。。
ただし対応ブラウザはIE以外のChrome, Safari, Firefox, Operaです。
IE10では対応する可能性ありみたいですよ！
ここでは何も説明することはないです。
参考サイトさまで分かりやすく説明されてますので実際に私はデモを作って見ます。。。

css , デモあり