Как подсвечивать код на blogspot
Шаг 1
Заходим в раздел Дизайн. Находим ссылку Изменить HTML и нажимаем её. Добавляем между тегами <head> и </head> следующий код:
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/> <script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
Шаг 2
Добавляем в элемент body:
<body onload="prettyPrint()">
Всё теперь чтобы добавить к коду подсветку необходимо в режиме HTML заключить код в теги <pre class="prettyprint"> и </pre>. Также можно указать язык кода, например:
<pre class="prettyprint lang-html"> <a href="http://devtype.blogspot.com/">devtype.blogspot.com</a> </pre>
Посмотрим что получилось...
Получилось не очень. Во первых внутри рамки нет белого фона, а во вторых код выходит за границы рамки. Надо будет потом разобраться в чем проблема или подыскать что-нибудь получше.
Ссылки:
