Cara Memasukan Koding Dalam Postingan WordPress – Halo teman-teman kasurnet.com, kali ini saya akan memberikan tutorial cara mudah memasukan sebuah koding/coding dalam sebuah postingan blog berbasis wordpress.

Sebelumnya kita harus tau, bahwa setiap kodingan html, css dsb yang ada pada konten postingan pasti akan muncul hasil kerjanya, sehingga kita harus menambahkan tanda agar browser tidak memproses koding tersebut.

Agar Koding/Coding tersebut tidak diproses oleh browser maka kita bisa menggunakan dua cara, diantaranya

  1. Menambahkan kode html <pre> isi kode </pre> , fungsinya agar script koding/coding tidak di proses oleh browser.
  2. Menggunakan Plugin Crayon Syntax Highlighter atau plugin sejenisnya.

Pada pembahasan inilah saya menyarankan untuk menggunakan cara kedua, yaitu menggunakan Plugin Crayon Syntax Highlighter. Berikut tutorialnya,

Cara Memasukan Koding Dalam Postingan WordPress

1. Download lalu Install Plugin Crayon Syntax Highlighter pada situs wordpress selfhosted milik Anda.

2. Aktifkan plugin tersebut, setelah aktif teman-teman bisa mensettingnya Pengaturan > Crayon atur sesuai selera dan kebutuhan saja, jika tidak di setting tidak apa-apa, biarkan secara default saja.

3. Untuk menggunakannya bisa langsung memilih tombol Icon Add Code pada toolbar saat ingin menuliskan Koding pada post artikel.

4. Kemudian paste/tuliskan script Koding pada kolom isian, terdapat beberapa opsi yang bisa teman-teman gunakan, misalnya judul koding, Language (HTML, PHP, CSS dan lain-lain) dan opsi lainnya.

Jika sudah menuliskan koding, maka pilih Add pada kanan atas.

Horee… maka kita sudah berhasil memasukan Koding dalam sebuah postingan blog wordpress. Kita tidak perlu menambahkan kode <pre></pre> lagi, dan bisa memasukan bahasa permograman lebih banyak jenis dalam setiap postingan.

Jika masih ada yang bingung atau ingin bertanya, silakan tulis pada kolom komentar dibawah. Terimakasih.