Оформление кода на blogger.com

Понадобилось мне оформить код в своём блоге. Писать обычным текстом довольно некрасиво, да и читается не очень. Поэтому решил поискать решения данной задачи в интернете. Решение нашлось довольно быстро на одном из забугорных сайтов на их же языке, поэтому даю вольный перевод действий.


Для начала надо изменить код шаблона. Для этого идём в настройки блога, ищем там пункт "Дизайн" и нажимаем на кнопку "Изменить HTML". В данной HTML находим тэг заголовка и добавляем туда:

Далее находите комментарий "add brushes here" и вносите то, что планируете использовать:

Список языков, который вы можете подсветить:

Brush aliases File name
as3, actionscript3 shBrushAS3.js

bash, shell shBrushBash.js

cf, coldfusion shBrushColdFusion.js

c-sharp, csharp shBrushCSharp.js

cpp, c shBrushCpp.js

css shBrushCss.js

delphi, pas, pascal shBrushDelphi.js

diff, patch shBrushDiff.js

erl, erlang shBrushErlang.js

groovy shBrushGroovy.js

js, jscript, javascript shBrushJScript.js

java shBrushJava.js

jfx, javafx shBrushJavaFX.js

perl, pl shBrushPerl.js

php shBrushPhp.js

plain, text shBrushPlain.js

ps, powershell shBrushPowerShell.js

py, python shBrushPython.js

rails, ror, ruby shBrushRuby.js

scala shBrushScala.js

sql shBrushSql.js

vb, vbnet shBrushVb.js

xml, xhtml, xslt, html, xhtml shBrushXml.js

Использовать же проще простого. Заключаете свой код в тэги, указанный ниже и всё становится красиво и благородно:

<pre class="brush:sql">
SELECT * FROM
users
WHERE user_id = 1212;
</pre>

SELECT *
FROM users
WHERE user_id = 1212;