How To Display Code In Blogger


Table of Contents:

 

Demo:

(Your Code Here)


Script:

*Please press CTRL + F if you want to find any tag 
1. Go to theme section ,and click on edit HTML

2. Copy the script below and paste it below <head> tag
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">

3. Copy the scripts below and paste it above </body> tag 
<script>hljs.highlightAll();</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>

4. Copy the script below and paste it in your blogger post 
<pre><code class="language-html">(Your Code Here)</code></pre>

5. Save the template
6. Go to this website to encode your code so that it can run in the box .
6. Replace (Your Code Here) with the code that you encoded .

Customization:

Here is the official website where you can choose your desire design .Just copy the url and replace the url in the script below with it .Remember to save the template !

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
*Remember to remove the https


Pros and Cons :

  • It might slow down your website due to the CDN {alertError}

  • It is easy to use 
  • Beautiful and customizable {alertSuccess}


*

Post a Comment (0)
Previous Post Next Post