Skip to content

How to use SytaxHighlighter code with Blogger

# Add Sytax Highlighter to your Blogger Code Samples After trying many solutions to implement syntax highlighting on Blogger, I came across [Alex Gorbatchev’s]( Javascript plugin. Implementing it is very easy, however, I couldn’t get it to work on secure (https) URLs. Add the below code in your head  tag.

<!-- BEGIN SyntaxHighlighter BEGIN -->
<link href="" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
<!-- Add below links in <script> tags also -->
<script language="javascript" type="text/javascript">
    SyntaxHighlighter.config.bloggerMode = true;
<!-- END SyntaxHighlighter END -->

Sample code for the implement.

<pre class="brush: js">  <script type="text/javascript">
  console.log('First Code Block');
</pre>You might be wondering why I have given the "pre" tag "brush: js" as classes. You need to mention the syntax highlighting that needs to be used to highlight your code. You can find the full list of supported syntax declarations [here](