Вставка кода в статью блога

Для вставки кода в статью сайт htmlka предлагает такие варианты:

Вставка кода (скриншот с сайта).

Меня заинтересовал вариант с синим фоном.
Чтобы вставить какой-либо свой код в статью на блоге, вставляем такой код в HTML-режиме редактора (скопирован с сайта htmlka):

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ</textarea>

 Некоторые пояснения к коду:

• border-right: black 2px solid - правая граница рамки: чёрный цвет, ширина 2 px, сплошная рамка
• background-color:dodgerblue - цвет фона: синий
• color:white - цвет текста: белый

Поэкспериментировав  с цветами, у меня получились разные варианты цветового оформления: 
1.
ВСТАВЬТЕ СЮДА ВАШ КОД
2.
ВСТАВЬТЕ СЮДА ВАШ КОД
3.
ВСТАВЬТЕ СЮДА ВАШ КОД
4.
ВСТАВЬТЕ СЮДА ВАШ КОД

Примечание:

HTML-редактор Блоггера незначительно видоизменил код, который предложен в источнике.
Поэтому код (например, по варианту 1) нужно вставлять в HTML-редактор в таком виде:

<textarea style="background-color: #cceeff; border-bottom: #004566 2px solid; border-left: #004566 2px solid; border-right: #004566 2px solid; border-top: #004566 2px solid; color: #004566; width: 100%;"> ВСТАВЬТЕ СЮДА ВАШ КОД </textarea>

Как пример, код вставки формы поиска на блоге от 404.RU! будет выглядеть так:

<form action="http://www.404.ru/search" target="_blank"> <input type="hidden" name="checkup" value="контроль" /> <b>Поиск</b><br /> <label><input type="radio" name="s" value="yandex" checked />Яндекс</label> <label><input type="radio" name="s" value="google" />Google</label> <br /> <input type="text" name="q" value="" size="20" /><br /> <label><input name="site" type="checkbox" value="http://exp13blog.blogspot.com" checked /> по сайту</label> <input type="submit" value="Найти!" /><br /> </form>

источник