Mostrar código fuente en Blogger con Prism-Okaidia

Prism: Okaidia

Copiar y Agregar el siguiente código

<!-- Agregar "prism-okaidia.css" y "prism.js" debajo del Blogger Scripts -->
<link href='http://prismjs.com/themes/prism-okaidia.css' rel='stylesheet'/>
<script src='http://prismjs.com/prism.js' type='text/javascript'> </script>

Copiar y Agregar el siguiente codigo en el area del html que desee mostrar el codigo con formato

<div class="container" style="margin: 15px 0px;">
<pre class="line-numbers"><code class="language-html">
Aquí va el código. Se modifica el class="language--html" 
segun el tipo de codigo a mostrar: -html, -css, -js
</code></pre>
</div>

Resaltado de sintaxis de PrismJs en su Blogger/BlogSpot

Copiar y Agregar el siguiente código en el area del html que desee mostrar el código con formato

<!-- Prism es un resaltador de sintaxis, extensible syntax highlighter-->
<link href='http://prismjs.com/themes/prism-okaidia.css' rel='stylesheet'/>
<script src='http://prismjs.com/prism.js' type='text/javascript'> </script>

<!-- complemento de Prism js para líneas-->
 <link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css' rel='stylesheet'/>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js'> </script>

<!-- Botón de Copiar: Prism Clipboard -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css' rel='stylesheet'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js'> </script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js'> </script>