Добавление подсветки кода в Blogger (2-ая попытка)

В один прекрасный день подсветка кода на этом блоге, описанная здесь отвалилась. Это развязало мне руки и позволило сменить дизайн на более человеческий. Но вопрос отсутствия подсветки оставался открытым. Немного погуглив, решение было найдено.

Перед всеми манипуляциями нужно авторизоваться в блоге, выбрать пункт меню "Дизайн" ("Layout"), затем выбрать таб "Изменить HTML" ("Edit HTML"). В секции "Изменить шаблон" ("Edit Template") сделаем следующее:

1. Откройте ссылку http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css и скопируйте все содержимое в буфер. Это стили css.
2. Вставьте эту информацию в конец CSS-секции вашего HTML-шаблона (т.е. после <b:skin><!--[CDATA[/* и до ]]--></b:skin>
3. Перед тегом </head> вставьте следующее:
   

   <!-- Add-in CSS for syntax highlighting -->
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
   <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

   Удалите те строки для языков которые вы не будете публиковать на вашем блоге (например, Delphi).
   
4. Перед тегом </body> вставьте следующее:
   

   <!-- Add-in Script for syntax highlighting -->
   <script language='javascript'>
   dp.SyntaxHighlighter.BloggerMode();
   dp.SyntaxHighlighter.HighlightAll('code');
   </script>

5. Используйте кнопку Просмотр("Preview"), чтобы убедиться что блог отображается корректно. После этого можно кликнуть кнопку "Сохранить шаблон"("Save Template")
6. Когда пишете блог, содержащий код обрамите его этими тегами:
   

   <pre name="code" class="cpp">
   ...Your html-escaped code goes here...
   </pre>
   

   Вместо "cpp" можете использовать другие названия языков. Они предствлены в списке (Поддерживаются языки: cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt)
   
   Код нужно преобразовать, html-интерпретируемые символы будут изменены. Сделать это можно, например, здесь.

Источник.