SyntaxHighlighterなんてのを使うとこんなかんじに表示できます.
キレイですね. たまにみかけるし.

#include 
int main(){
	printf("Hello!");

	return 0;
}

ダウンロードはコチラから.
http://code.google.com/p/syntaxhighlighter/

なんで*.rar(Roshal Archive)なんかで圧縮されてるんだよ!
UNIXでどーやって解凍するんだー. わかんねー.

くそだ, ヴァカだと言われるyumに早速頼る.

# yum install unrar
...
nothing to do

さすがです.
でも, あきらめない. rpmforgeつかうべさ.

# yum --enablerepo rpmforge install unrar
...
Installed: unrar.i386 0:3.8.2-1.el5.rf
Complete!

きたこれ. ゆとり世代はとことん楽な道を選びます…

$ unrar e SyntaxHighlighter_1.5.1.rar

#パスは相対パスでかいてますが, ご自分の環境に合わせて適宜変更してください.

以下のソースを間に挿入します.
SyntaxHighlighter.cssとshCore.jsは必須.
他の*.jsファイルは必要に応じていれてください. 全て挿入する必要はないです.

コイツも間にほうりこんでください.
<script type="text/javascript">
	window.onload = function () {
	dp.SyntaxHighlighter.ClipboardSwf = 'js/clipboard.swf';
	dp.SyntaxHighlighter.HighlightAll('code');
	}
</script>
wordpressでつかってるから, 相対パスじゃなくて絶対パスにしてるけど. ごにょごにょ..
さて, 使い方.

たとえばphpのソースを掲載したい場合はこんな感じ.
<pre name="code" class="php">
	
</pre>
できれば, 少なくとも<や>らへんはescapeしといたほうがいいかもな.
まぁ, ソースをHTMLに挿入するわけだからpreタグを使用する, ということはいいとして

重要なのはname=”code” class=”言語名”とすること. 一例としてこんなの.
JavaScript → js
C++ → cpp
C → c
PHP → php
Java → java
Visual Basic → vb
XML → xml
Cascade Style Sheet → css
では, これからソースの表示などにつかっていきましょうか..
					

コチラのサイトにてWeb2.0なロゴが作成できます.
Web2.0 Logo Creator

ごらんの通り”Beta”バッジもつけることができるのだけれど, 鏡面仕様な画像によってWeb2.0を感じさせられるというよりかは, BetaバッジこそがWeb2.0の象徴な気がする. とりあえず提供するサービスはBetaみたいな.

なんて, 知ったかぶってみた.