Исправление работы Google Code Prettify для Blogspot

Всем привет! Давно что то я не писал полезных статей - небольшой творческий кризис так сказать :) Постараюсь наверстать упущенное. Зайдя как то на свой блог, я увидел, что перестала работать подсветка синтаксиса.

Я пользуюсь Google Prettify.

Итак со всеми статьями. Проблема оказалась в следующем: проект переехал на Github. 

Вот новый адрес: https://github.com/google/code-prettify.
Соответственно необходимо исправить строку подключения скрипта в шаблоне блога.
Старая строка выглядела так:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

Новая соответственно будет такой:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

Более подробно почитать о том, как интегрировать в свой блог подсветку синтаксиса Google Prettify можно почитать например вот тут.

Нажимаем кнопку <Сохранить шаблон> и проверяем.

Подсветка работает. Но в браузере Opera не переносятся длинные строки. Это немного более сложная проблема, но тем не менее немного погуглив решение было найдено. Оказывается Opera не корректно работает с переносом строк в теге <pre>. Более подробно можете почитать тут. Идея решения соответственно взято оттуда же.

Добавим следующий код в шаблон блога (в каком месте добавить смотрите ниже на скрине).

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}

Сохраняем шаблон и проверяем.

Теперь все работает как надо! Что не может не радовать, блог опять приобрел свою первозданный вид.