ついでにテンプレート編集手順を示します。
（１）まず、Bloggerのダッシュボードの「デザイン」タブー「HTMLを編集」をクリックしてテンプレート編集画面を出します。
（３）テキストエディタでテンプレートXMLファイルを開き、 </head> タグを検索します。
</b:template-skin> </head> <body expr:class='"loading" + data:blog.mobileClass'>このサイトのXSLTのスタイルシート・テンプレートXMLファイルでは、631行目に </head> タグがありました（テンプレートごとに行番号は変わりますので</head> タグを検索するようにします）。
（４）</head> タグの直前にSyntax Highlighterを呼び出すHTMLタグとスクリプトを入れます。
</b:template-skin> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script> <script language="javascript" type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script> </head> <body expr:class='"loading" + data:blog.mobileClass'>上記スクリプトは、以下のURLのサイトにある「Syntax Highlighter Scripts Generator for Blogger」というフォームから生成しています。
"How to Add Syntax Highlighter(v3) to Blogger Blogs ~ Blogger Widgets | Tips | Trick | Hacks | Help! ~ Way2Blogging": http://bit.ly/nUBwn0
（５）最後にスクリプトを追加したXMLファイルをアップロードして反映します。
以上で、SystaxHighlighter3.0が反映されました。
//TODO メモ1：ブログ記事ごとのSyntaxHighlighterの指定方法（次回以降予定）
//TODO メモ2：ミミカキエディットを使って文字実体参照の変換をさっとやる
- 参考URL:
0 件のコメント:
コメントを投稿