Подсветка исходный код в blogger

Не оригинальная статья. Взята с просторов интернета дабы пользоваться, тем что в ней.
Используется SyntaxHighlighter от Алексея Горбачёва. Что бы начать использовать его решение, сначала надо выполнить настройку шаблона:


1 .В панели управления идём в меню "Дизайн" и там выбираем пункт "Изменить HTML".

2. Теперь ищем в тексте шаблона конструкцию "</head>" и перед ней добавляем код. (на картинке он уже добавлен)

3.Небольшое пояснение к добавленному коду:

Это базовый CSS файл - он должен быть.
Это файл стилей, который стилизует подсветку под определённые среды разработки. Его можно заменить, подобрав другой на сайте разработчика. Выбираете понравившуюся тему и заменяете имя css файла.
Это базовый скрипт - его удалять нельзя.
Это скрипт для раскрашивания C++ кода
Это скрипт для раскрашивания C# кода
Это скрипт для раскрашивания CSS кода
Это скрипт для раскрашивания JAVA кода
Это скрипт для раскрашивания JavaScript кода
Это скрипт для раскрашивания PHP кода
Это скрипт для раскрашивания SQL кода
Это скрипт для раскрашивания XML, HTML кода
Это скрипт для раскрашивания Perl кода
Инициализация скрипта

Если  какой то синтаксис не нужен - его можно не использовать. Полный список поддерживаемых языков доступен на сайте разработчика. Его нужно подключить аналогичным образом.

4. Существует два способа вставки подсветки кода. Пользуйтесь тем, что удобнее. Но не рекомендуется пользоваться одновременно двумя методами.

• Обрамление кода в тэг <pre>
• Обрамление кода в тэг <script>

Тэг <pre>.
Семантика
Тэг <script>.
Семантика
Например, для языка C++
Вместо "[Имя языка для раскраски]" нужно указать необходимый Вам.  Полный список можно посмотреть тут. Понятно, что использовать можно только те языки, что подключили.
Порядок использования:

• Переключаетесь в режим "Изменить HTML"
• Ввести конструкцию тэга <pre> или <script>
• Для тега <pre> - экранируйте служебные символы вашего кода - для того, что бы не получить сообщение "Ваш код HTML не может быть принят"
• Вставить модифицированный код внутрь тэга <pre> или <script>.

Допустимые имена языков для раскраски приведены ниже:

[Имя языка для раскраски]	Описание
"brush:as3" "brush:actionscript3"	ActionScript3
"brush:bash" "brush:shell"	Bash/shell
"brush:cpp" "brush:c"	C++, С
"brush:c-sharp" "brush:csharp"	C#
"brush:cf" "brush:coldfusion"	ColdFusion
"brush:css"	CSS
"brush:delphi" "brush:pas" "brush:pascal"	Delphi, Pascal
"brush:diff" "brush:patch"	Diff
"brush:erl" "brush:erlang"	Erlang
"brush:groovy"	Groovy
"brush:js" "brush:jscript" "brush:javascript"	JavaScript
"brush:java"	Java
"brush:jfx" "brush:javafx"	JavaFX
"brush:perl" "brush:pl"	Perl
"brush:php"	PHP
"brush:plain" "brush:text"	Plain Text
"brush:ps" "brush:powershell"	PowerShell
"brush:py" "brush:python"	Python
"brush:rails" "brush:ror" "brush:ruby"	Ruby
"brush:scala"	Scala
"brush:sql"	SQL
"brush:vb" "brush:vbnet"	Visual Basic
"brush:xml"	XML
"brush:xhtml"	XHTML
"brush:xslt"	XSLT
"brush:html"	HTML