![](https://stat100.ameba.jp/blog/ucs/img/char/char2/176.gif)
自分もトライしてみようと思い、SyntaxHighlighterを導入してみました
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/139.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/344.gif)
[SyntaxHighlighter導入方法]
(1)まずSyntaxHighlighterをダウンロードして、自分のサーバにUP
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/173.gif)
SyntaxHighlighter2.0.278
(2)次にアメブロにプラグイン追加します
ここでは自分のサーバにUPしたURLを設定します
[記述ソース]
<script type="text/javascript" src="http://***/js/shCore.js"></script />
<script type="text/javascript" src="http://***/js/shBrushPhp.js"></script />
<script type="text/javascript" src="http://***/js/shBrushXml.js"></script />
<script type="text/javascript" src="http://***/js/shBrushCss.js"></script />
<script type="text/javascript" src="http://***/js/shBrushJava.js"></script />
<script type="text/javascript" src="http://***/js/shBrushPlain.js"></script />
<link type="text/css" rel="stylesheet" href="http://***/css/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://***/css/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://***/js/clipboard.swf';
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script />
(3)追加したいソースをHTML表示モードで書きます
※ brushの後にソース種類を書く(java, php, xml, html, css など)
(4)記事を公開するとソースがきれいに表示されます
※ 下書きプレビューだと確認できないです
ただAndroidの画面レイアウト用のXML(Button要素)は、HTMLのボタンが表示されてしまいうまくいきませんでした
↓ 以下のようなソースはボタンになるかエラーになる