CSS в шаблонах Blogger. Оформление исходных кодов

Когда писал предыдущий пост о шаблонах Blogger, замучился во встроенном редакторе оформлять прилично строки с исходным кодом шаблона - то выравнивание страдает, то строки лишние. Сейчас склоняюсь к мысли, что редактирование HTML для постов - лучший вариант, по-крайней мере полный контроль над содержимым, а также возможность использовать новые CSS стили, определенные в шаблоне.

Чтобы определить новый CSS стиль в шаблоне нужно, как обычно, зайти в Макет - Изменить HTML и найти определения стилей для шаблона. Они находятся в обрамлении следующих тегов

<b:skin><![CDATA[

]]></b:skin>

Свои стили можно вставлять в любоем место до или после определения других стилей. Например, используемый для оформления исходного кода в этом посте стиль определяется следующим образом:

.sourcecode
{
white-space:pre;
line-height:6pt;
height:auto;
width:auto;
padding:5px;
margin:5px;
overflow:auto;
font-family:monospace;
font-size:9pt;
border:1px dashed #999999;
background:#eeeeee;
}

В дальнейшем в HTML-тексте поста можно использовать этот стиль следующим образом:

<div class="sourcecode">
Строки с исходным кодом
</div>