Tambahkan Source Code di Postingan Blog

Membuat tulisan tutorial pemrograman pastinya kurang lengkap bila tidak diberikan contohsource codenya. Source code suatu program biasanya akan rusak atau jadi susah dimengerti pembaca saat diposting di blogger. Terlebih lagi jika contoh source codenya berupa html, javascript, php ataupun bahasa lain yang biasa dijalankan di browser.
Agar source code tetap dapat dibaca dengan baik, perlu ada perubahan source code sumber tersebut. Perubahan tersebut dengan maksud agar kode tetap dapat ditampilkan dengan baik di browser sesuai dengan kode yang ingin ditampilkan dan tidak dijalankan. Jadi kode tetap tampil sebagai kode bukan sebagai interpretasi browser.
Ada beberapa cara yang bisa digunakan source code pada tulisan tetap terbaca dengan baik, diantaranya dengan bantuan dari situs yang memang menyediakan hal tersebut yaitu:
Keduanya pastinya memiliki kelebihan dan kekurangan. Hilite.me bisa digunakan tanpa harus login, sedangkan untuk menggunakan pastebin memiliki akun dahulu.

Cara Penggunaan

hilite.me
  • Buka situs http://hilite.me/
  • Paste source code di kolom Source Code
  • Klik tombol Highlight!
  • Copy hasil di kolom HTML dan pastekan ke blog
Nah, hasil dari hilite.me akan menjadi seperti berikut:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php
 require_once 'db.php';
 require_once 'jwt_utils.php';

 header("Access-Control-Allow-Origin: *");
 header("Access-Control-Allow-Methods: GET");

 $bearer_token = get_bearer_token();
 $is_jwt_valid = is_jwt_valid($bearer_token);

 if($is_jwt_valid) {
  $sql = "SELECT * FROM user";
  $results = dbQuery($sql);

  $rows = array();

  while($row = dbFetchAssoc($results)) {
   $rows[] = $row;
  }

  echo json_encode($rows);
 } else {
  echo json_encode(array('error' => 'Access denied'));
 }
?>

Pastebin

  • Login ke pastebin.com
  • Copy source code asli ke kolom yang disediakan
  • Pilih bahasa pemrograman yang digunakan, dan isi nama file tersebut
  • Klik Create New Paste
  • Kemudian klik embded
  • Nah terakhir copy javascript embedding atau iframe embedding sesuai selere ke postingan blog


Hasil dari pastebin adalah:

Ahmad Shoffa

Suka jalan-jalan untuk mencari inspirasi. Beginner Web Developer

Posting Komentar

Lebih baru Lebih lama