# Add Sytax Highlighter to your Blogger Code Samples After trying many solutions to implement syntax highlighting on Blogger, I came across [Alex Gorbatchev’s](http://alexgorbatchev.com/SyntaxHighlighter/) 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="https://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" type="text/css"> <link href="https://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"> <!-- Add below links in <script> tags also --> http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js <script language="javascript" type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script> <!-- END SyntaxHighlighter END -->
<pre class="brush: js"> <script type="text/javascript">
console.log('First Code Block');
</script>
</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](http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/). Introduction Learning has been transformed by artificial intelligence, which provides resources that enable you to…
Introduction Even experienced developers may find it difficult to create aesthetically pleasing and useful web…
Introduction Git tags are an essential feature of version control systems, offering a simple way…
Introduction The methods that browsers employ to store data on a user's device are referred…
Introduction A well-known open-source VPN technology, OpenVPN provides strong protection for both people and businesses.…
Introduction Integrating Sentry into a Node.js, Express.js, and MongoDB backend project significantly enhances error tracking…