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-top: 15px;">
<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>