Bloggerに目次を表示させるには

以下のサイトを参考にしてブログに目次をつけてみました。
clmemo@aka :@ Blogger に目次を設置する

これはたいへん便利です。

まずHTMLの編集でテンプレートを表示します。
このとき「ウィジットのテンプレートを展開」にチェックをつけること。
あとはリンク先の通りですが、Contents Includableのコードにコメントを入れるとエラーになりました。

BloggerでSyntaxHighliterを使うには？

この記事は以前に投稿したのですが、なぜか消えてしまいましたので再投稿です。

FaziBear Blogger Syntax Highlighter にアクセスします。

「To add it check out this page」をクリックします。


「Add To Blogger」をクリックします。


「ウィジットを追加」をクリックします。


以上で設定は終了です。


使い方は表示させたいコードをPreタグで囲みます。赤字部分は言語により変更します。

<pre name="code" class="java">

（コード）

</pre>

サポートしている言語は以下の通りです。

• c


• c++


• c#


• css


• delphi


• html


• java


• js


• pascal


• php


• python


• ruby


• sql


• vb


• xml

[続きを読む]

Blogger ブログのソースコードをハイライト表示してみる

Blogger でも、コードハイライト してみる。by google-code-prettify
リンク先を参考にgoogle-code-prettifyでハイライト表示を試してみたのですが、うまくいきませんでした。丁寧に説明してくださっているのに・・・なんで出来ないんだろう？


[Visual Studio]CopySourceAsHtml VS2005日本語版対応版
リンク先をを参考にCopySourceAsHtml VS2005も試したのですがHTMLに変換でエラーがでるんです。

結局SourceConverter＋CSSでなんとか表示できました。
ですが<pre>～</pre>タグないでソースコードの連続する空白行が無視されるんです。
仕方ないので<br>＋全角スペースで対応してます。
ちなみに連続する空白行を無視しないよう設定で変更できるのですが、これまた意図する表示ではないです。