Menggunakan highlight.js Pada Blogger

 

Apa itu highlight.js?

highlight.js adalah sebuah package yang digunakan pada blogger/website dalam menampilkan sebuah script code program. Tujuan penggunaan yaitu agar baris code yang kita buat menjadi lebih indah dan rapi saat dilihat

Untuk dokumentasinya bisa dilihat pada situs mereka yaitu

https://highlightjs.org/

Cara configurasi highlight.js diblogger

Pertama buka link https://highlightjs.org/download/ untuk melakukan instalasi menggunakan CDN(Content Delivery Network).

Silahkan copy tag <link> cdn nya

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script> 

Kedua buka tema pada blogger kemudian pilih Edit HTML

Kemudian cari tag </head> dengan cara CTRL+F dan pastekan tag <link> CDN highlight.js diatas penutup tag tersebut seperti ini 

 

Untuk tag scriptnya letakan di paling bawah seperti ini

Terakhir tambahkan baris code dibawah tag script tadi seperti ini

Baca juga : Cara koneksi Php dan Mysql

<pre><code>..kode script disini..</code></pre>

Cara penggunaan highliht.js diblogger

1. Buatlah sebuah postingan baru dan gunakan script ini untuk menampilkan kode program

<pre><code>..kode script disini..</code></pre>

2.Sebelum meletkan bari code script tersebut harus diparse kan agar tidak merusak tampilan template parsinng html .

Contoh : 

script :

package l2f.gameserver.model;

public abstract strictfp class L2Char extends L2Object {
  public static final Short ERROR = 0x0001;

  public void moveTo(int x, int y, int z) {
    _ai = null;
    log("Should not be called");
    if (1 > 5) { // wtf!?
      return;
    }
  }
}

Output :