Memasang Syntax Highlight Keren di Blog

Setelah sekian lama tidak membuat postingan lagi, kali ini saya akan membahas tentang Cara Memasang Syntax Highlight Keren di Blog yang pastinya keren untuk digunakan. Syntax Highlight yang ada pada tutorial ini saya ambil dari Highlight.js yang terkenal ringan untuk blog dan dapat membaca otomatis setiap kode tanpa perlu menambahkan class.

Highlight.js kini mendukung 152 bahasa pemograman dengan 72 style yang bisa kita pilih sesuai selera Anda. Berikut ada cara memasang Sytax Highlight dari Highlight.js :

1. Langkah Pertama

Langkah awal yang akan kita ambil yaitu memilih style yang akan digunakan sesuai selera anda DI SINI

2. Langkah Kedua

Setelah menemukan style yang cocok maka cari dan copy CSS yang telah anda pilih di Highlight Style dan letakkan CSS yang telah anda copy di atas ]]></b:skin> atau </style>

3. Langkah Terakhir

Langkah terakhir adalah dengan menambahkan JavaSript berikut ini tepat di atas </body>

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://50c0c1912cbb71cdbcf9ccfdb5f0cfd216c0de25.googledrive.com/host/0B2mcxhnE-HweQ2JvcEZ2dU5EUU0",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Selesai, dengan cara tersebut anda hanya perlu menulis dengan menggunakan tag pre dan code seperti halnya untuk cara menulisnya seperti berikut

<pre><code>Script Anda Disini</code></pre>

Jika anda kurang paham akan hal ini anda bisa bertanya kepada saya melalui komentar. Terima Kasih.