Подсветка кода на blogger.com

Оригинал статьи на английском здесь.

Как добавить подсветку синтаксиса на сайте Blogger.com с помощью Alex Gorbatchev's open-source SyntaxHighlighter.

• Залогинтесь на ваш blogspot аккаунт, выберите закладку "Дизайн" и кликните "Изменить HTML."
• Сделайте резервную копию шаблона, кликнув по ссылке "Загрузить весь шаблон".
• В разметке шаблона найдите закрывающий тэг </head>. Перед ним вставьте следующий код:
  
  
  
• После строки комментария "add brushes here," добавьте языки программирования, которые вы собираетесь использовать. Для пример, я использую кисти (brushes) для Javascript, Bash, SQL, XML/HTML и C#:
  
  
  
  Полный список кистей здесь
  
• Сохраните измененный шаблон
• Теперь у вас появилась возможность подсвечивать синтаксис в блоге. Оберните ваш код тэгом <pre> и укажите кисть в атрибуте class. Пример для подсвечивания SQL кода:
  
  <pre class="brush:sql">
  SELECT *
  FROM users
  WHERE user_id = 1212;
  </pre>
 

Должно получиться следующее:

SELECT *
FROM users
WHERE user_id = 1212;