BloggerでSyntax Highlighterが動かない

さっそくAndroid以外のことで詰まりました。

ソースコードとかきれいに表示してくれるSyntax Highlighterというものがあると聞き、
導入してみたのですが、Bloggerのプレビューで全く動いてくれませんでした。

参考：
http://wada811.blogspot.com/2012/02/bloggersyntaxhighlighter.html
http://p-toyama-wan.blogspot.jp/2011/11/bloggersyntaxhighlighter.html


さっそくChromeのデバッガ（Shift + Ctrl + I）で見てみると、次のエラー。

Failed to load resource https://alexgorbatchev.com/pub/sh/current/styles/shCore.css

Failed to load resource https://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css

Failed to load resource https://alexgorbatchev.com/pub/sh/current/scripts/shCore.js

Uncaught ReferenceError: SyntaxHighlighter is not defined html-preview:807

Failed to load resource https://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js

1. Unsafe JavaScript attempt to access frame with URL https://www.blogger.com/navbar.g?targetBlogID=3251983857694368802&blogName=%E3%82%82%E3%81%86%E7%B5%B6%E6%9C%9B%E3%81%97%E3%81%8B%E3%81%AA%E3%81%84&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=LIGHT&layoutType=LAYOUTS&searchRoot=http://zetsuboh.blogspot.com/search&blogLocale=ja&v=2&homepageUrl=http://zetsuboh.blogspot.com/&vt=3874861423290665348&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DbnAbKEkjM5k.ja.%2Fsv%3D1%2Fam%3D!lVF6vhgpQzaIV3w7gg%2Fd%3D1%2Frs%3DAItRSTPXRKeDxg_IAT9rpyGdhyrk6JRsXA#rpctoken=942678369&_methods=_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart&id=navbar-iframe&parent=https%3A%2F%2Fzetsuboh.blogspot.com from frame with URL https://zetsuboh.blogspot.com/b/html-preview?token=DUGZGTsBAAA.0EIvvxg-1b2RGroAvzC2Zg.yZa_bW-z2OyLwbuUmxa6rA. Domains, protocols and ports must match. chrome-extension://oingodpdjohhkelnginmkagmkbplgema/content.js:1

1. Unsafe JavaScript attempt to access frame with URL https://plusone.google.com/_/+1/fastbutton?bsv&source=blogger%3Ablog%3Aplusone&size=medium&width=300&annotation=inline&hl=en-US&origin=https%3A%2F%2Fzetsuboh.blogspot.com&url=http%3A%2F%2Fzetsuboh.blogspot.com%2F2012%2F11%2Fblog-post.html&ic=1&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DbnAbKEkjM5k.ja.%2Fsv%3D1%2Fam%3D!lVF6vhgpQzaIV3w7gg%2Fd%3D1%2Frs%3DAItRSTPXRKeDxg_IAT9rpyGdhyrk6JRsXA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I0_1353315410370&parent=https%3A%2F%2Fzetsuboh.blogspot.com from frame with URL https://zetsuboh.blogspot.com/b/html-preview?token=DUGZGTsBAAA.0EIvvxg-1b2RGroAvzC2Zg.yZa_bW-z2OyLwbuUmxa6rA. Domains, protocols and ports must match. chrome-extension://oingodpdjohhkelnginmkagmkbplgema/content.js:1

最初の二行の時点ですでにおかしい。
shCore.cssとかshCore.jsとか読込めてないっぽい。っていうかエラー多いな。
もしかしてプレビューで動かないの？って思って投稿。

投稿後のコンソール調べてみる。

1. Unsafe JavaScript attempt to access frame with URL http://www.blogger.com/navbar.g?targetBlogID=3251983857694368802&blogName=%E3%82%82%E3%81%86%E7%B5%B6%E6%9C%9B%E3%81%97%E3%81%8B%E3%81%AA%E3%81%84&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=LIGHT&layoutType=LAYOUTS&searchRoot=http://zetsuboh.blogspot.com/search&blogLocale=ja&v=2&homepageUrl=http://zetsuboh.blogspot.com/&vt=3874861423290665348&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DbnAbKEkjM5k.ja.%2Fsv%3D1%2Fam%3D!lVF6vhgpQzaIV3w7gg%2Fd%3D1%2Frs%3DAItRSTPXRKeDxg_IAT9rpyGdhyrk6JRsXA#rpctoken=262449367&_methods=_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart&id=navbar-iframe&parent=http%3A%2F%2Fzetsuboh.blogspot.jp from frame with URL http://zetsuboh.blogspot.jp/. Domains, protocols and ports must match. chrome-extension://oingodpdjohhkelnginmkagmkbplgema/content.js:1

1. Unsafe JavaScript attempt to access frame with URL https://plusone.google.com/_/+1/fastbutton?bsv&source=blogger%3Ablog%3Aplusone&size=medium&width=300&annotation=inline&hl=en-US&origin=http%3A%2F%2Fzetsuboh.blogspot.jp&url=http%3A%2F%2Fzetsuboh.blogspot.com%2F2012%2F11%2Fbloggersyntax-highlighter.html&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DbnAbKEkjM5k.ja.%2Fsv%3D1%2Fam%3D!lVF6vhgpQzaIV3w7gg%2Fd%3D1%2Frs%3DAItRSTPXRKeDxg_IAT9rpyGdhyrk6JRsXA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I0_1353315819330&parent=http%3A%2F%2Fzetsuboh.blogspot.jp from frame with URL http://zetsuboh.blogspot.jp/. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'https'. Protocols must match. chrome-extension://oingodpdjohhkelnginmkagmkbplgema/content.js:1

1. Unsafe JavaScript attempt to access frame with URL https://plusone.google.com/_/+1/fastbutton?bsv&source=blogger%3Ablog%3Aplusone&size=medium&width=300&annotation=inline&hl=en-US&origin=http%3A%2F%2Fzetsuboh.blogspot.jp&url=http%3A%2F%2Fzetsuboh.blogspot.com%2F2012%2F11%2Fblog-post.html&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DbnAbKEkjM5k.ja.%2Fsv%3D1%2Fam%3D!lVF6vhgpQzaIV3w7gg%2Fd%3D1%2Frs%3DAItRSTPXRKeDxg_IAT9rpyGdhyrk6JRsXA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I1_1353315819335&parent=http%3A%2F%2Fzetsuboh.blogspot.jp from frame with URL http://zetsuboh.blogspot.jp/. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'https'. Protocols must match. chrome-extension://oingodpdjohhkelnginmkagmkbplgema/content.js:1
   
   

あ、よくわかんないけどエラー変わってる。shCore.cssとかshCore.jsとかロードできてるっぽい。
ってか違うエラー増えた。
とりあえずソースコードのハイライトが動くのか、投稿して確認してみる。

System.out("どや");

できた。いや、できてた。
ちなみにプレビュー画面はこんな感じ。

プレビューでJavascript無効化されちゃうのかな。

とりあえず動いてたようでよかった。

【追記】
何回か記事書き直してたらプレビューで動くようになってた。
いや、この挙動おかしすぎる。
あと上のソースはSystem.out.printの間違い