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

Понадобилось мне оформить код в своём блоге. Писать обычным текстом довольно некрасиво, да и читается не очень. Поэтому решил поискать решения данной задачи в интернете. Решение нашлось довольно быстро на одном из забугорных сайтов на их же языке, поэтому даю вольный перевод действий.
Для начала надо изменить код шаблона. Для этого идём в настройки блога, ищем там пункт "Дизайн" и нажимаем на кнопку "Изменить HTML". В данной HTML находим тэг заголовка и добавляем туда:
<link href="<a href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css"></a>" rel="stylesheet" type="text/css"> <link href="<a href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css"></a>" rel="stylesheet" type="text/css"> <script src="<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></a>" type="text/javascript"> <!-- add brushes here --> <script type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>
Далее находите комментарий "add brushes here" и вносите то, что планируете использовать: <script src="<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></a>" type="text/javascript"> <script src='<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js"></a>' type='text/javascript'/> <script src='<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js"></a>' type='text/javascript'/> <script src='<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></a>' type='text/javascript'/> <script src='<a href="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js"></a>' type='text/javascript'/> </script>

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

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;
источник