pada kali ini saya akan membahas bagaimana menampilkan script / kode pemrograman pada blogspot, untuk menampilkan script coding pada blogspot kali ini saya akan menggunakan highlight js, highlight.js merupakan salah satu framework javascript, apa itu framework? framework adalah sekumpulan fungsi yang di bundle untuk memudahkan kita dalam membuat program.
oke langsung saja kita praktekan, pertama buka blogger lalu ke menu tema terus edit HTML, cari kode </head> lalu pastekan code berikut
<style>/* Highlight CSS */
code,pre,pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;word-spacing:normal;font-size:14px;line-height:1.3em;}
pre code{padding:20px!important;margin:20px auto 50px;background-color:#fff!important;box-shadow:0 9px 19px 7px rgba(0,0,0,.04),0 10px 17px -2px rgba(0,0,0,.070);border-top:1px solid rgba(0,0,0,0.02);}
.post-body code{color:#e20d58}</style>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) };loadCSS("//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/styles/googlecode.min.css");
//]]>
</script>
lalu cari kode </body> terus letakkan code berikut
<b:if cond='data:view.isPost'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/highlight.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
hljs.initHighlightingOnLoad();hljs.configure({useBR:false});$("div.code").each(function(e,t){hljs.highlightBlock(t)});
//]]>
</script>
</b:if>
nah, untuk cara penggunakan cukup mudah, cukup pakai sintaks <pre><code>script anda</pre></code>