Syntax Highlighter v3.0.83 Generator

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Tutorial kali ini saya akan membahas tentang Memasang Syntax Highlighter v3.0.83 dengan Generator. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu kita langsung saja menuju ke TKP

1. Pilihlah Theme untuk Syntax Highlighter anda
2. Isilah form yang disediakan, kemudian klik Generate
3. Kemudian copy kode yang ada di kotak textarea, lalu paste di atas kode

</head>

4. Simpan template

Cara menggunakan Syntax Highlighter ke dalam artikel

1. Buat suatu artikel yang berisi tentang code
2. Kemudian masukkan kode ini

<pre class='brush:[brushname];'>
<!--Letakkan kode disini-->
</pre>

note
Untuk meletakkan kode, harus di ENCODE dahulu supaya kode tersebut tidak error
3. Pada kode yang berwarna hijau

<pre class='brush:[brushname];'>

anda bisa mengganti dengan kode yang anda pilih pada form Select Brushes saya contohkan begini, misalnya mau menggunakan javascript kodenya begini

<pre class='brush:js;'>
<!--Letakkan kode JAVASCRIPT disini-->
</pre>

untuk kode HTML begini

<pre class='brush:html;'>
<!--Letakkan kode disini-->
</pre>

bila ingin kodenya berada dalam 1 garis tambahkan kode ini

<pre class='brush:[brushname];wrap-lines:false;'>
<!--Letakkan kode disini-->
</pre>

dan bila untuk menggunakan spoiler kodenya begini

<pre class='brush:[brushname];collapse:true;'>
<!--Letakkan kode disini-->
</pre>

4. Bila sudah selesai, terbitkan entry

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait