Как вставить Syntax Highlighter в Blogger

Как вставить Syntax Highlighter в Blogger

Syntax Highlighter обычно используются для блогов, которые в основном сосредоточены по сценарию на учебники. Мы могли бы увидеть это во многих популярных блогах как с помощью Syntax подсветки мы выделяем нужный сценарий.
Мы можем не только выделить сценарий, но и дать четкое представление как сценарий был сформулирован.
Этот JavaScript может быть способен отображать CSS, XTML, XML, JScript, Python, C# и многие другие которые поддерживает программирование в языках. Большинство блогов использует старую версию Syntax Highlighter созданные Alexgorbatchev.
Так вот, мы хотим научить Вас как для установки подсветки синтаксиса можно использовать (последнею версию) 2,1 на вашем блоггер / блогов BlogSpot.

Прежде чем вы будете начинать процесс рекомендую Вам создать резервную копию шаблона.

Demo

Шаг 1: Здесь предлагаются более простые шаги к установки, чтобы помочь людям осуществить это без какой-либо путаницы.
Перейдите к панели инструментов Blogger> Макет> Изменить HTML и Расширить шаблоны виджета. Поиск <head> и заменить его кодом который ниже.

<head>

<link href='http://sites.google.com/site/bloggermintcom/shCore.css' rel='stylesheet' type='text/css'/>

<link href='http://sites.google.com/site/bloggermintcom/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<script src='http://sites.google.com/site/bloggermintcom/shCore.js' type='text/javascript'/>

<script src='http://sites.google.com/site/bloggermintcom/shBrushCss.js' type='text/javascript'/>

<script src='http://sites.google.com/site/bloggermintcom/shBrushJScript.js' type='text/javascript'/>

<script src='http://sites.google.com/site/bloggermintcom/shBrushXml.js' type='text/javascript'/>

<script type='text/javascript'>

SyntaxHighlighter.all()

</script>

Шаг 2: Когда вы хотите публиковать сообщение со сценарием скрипта, мы добавляем в разделе этот код. Пример.
<pre class="brush: js">
Ваш скрипт здесь
</pre>
Если вы отправляете код HTML, то вы должны использовать 'html'
Тег, как это
<pre class="brush:html">
Аналогично, для "CSS" использовать
<pre class="brush:css">
Для "JavaScript", вы можете использовать "JS" или "JScript" или "JavaScript".


Комментариев нет: