Syntax Highlighting
To add Syntax Highlighting in your blog:- From Blogger Dashboard Go to Layout > Add a Gadget.
- From pop-up window select HTML/JavaScript.
- Past the code template & Save it.
Syntax Highlighter Light
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6Mb2pZeTh5SDhwY2c' type='text/javascript'></script>
|  |
Syntax Highlighter Emacs
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MQWZMaFllRHR3YjQ' type='text/javascript'></script>
|  |
Syntax Highlighter White
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MMkg5SGhMTjhYaGs' type='text/javascript'></script>
|  |
Syntax Highlighter Django
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MSk90Wkx1SkhXWWs' type='text/javascript'></script>
|  |
Syntax Highlighter Ultra
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6Ma1ZndGp0NHFxRWM' type='text/javascript'></script>
|  |
Syntax Highlighter Grey
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MdmdTZlZrVF9lYTA' type='text/javascript'></script>
|  |
Syntax Highlighter Eclipse
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MMWZhUldObmcxMGc' type='text/javascript'></script>
|  |
Syntax Highlighter Midnight
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MRmlTRFZqeG0yWlU' type='text/javascript'></script>
|  |
Syntax Highlighter Fresh
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MbzFwSEtQdWFpYkU' type='text/javascript'></script>
|  |
Syntax Highlighter Prime
<script src='https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MVTB6NTJsUjczS00' type='text/javascript'></script>
|  |
To HTML Syntax Highlighting
Insert you code into <pre class="brush: html"> </pre> tag.
<pre class="brush: html">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</pre>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</pre>
To CSS Syntax Highlighting
Insert you code into <pre class="brush: css"> </pre> tag.
<pre class="brush: css">
body { background-color: #d0e4fe; }
h1 { color: orange; text-align: center; }
p { font-family: "Times New Roman"; font-size: 20px; }
</pre>
body { background-color: #d0e4fe; }
h1 { color: orange; text-align: center; }
p { font-family: "Times New Roman"; font-size: 20px; }
</pre>
To JavaScript Syntax Highlighting
Insert you code into <pre class="brush: js"> </pre> tag.
<pre class="brush: js">
function foo()
{ if (counter <= 10) return;
// it works! }
</pre>
function foo()
{ if (counter <= 10) return;
// it works! }
</pre>