Skip to content Skip to sidebar Skip to footer

Membuat Syntax Highlighter Blogger menggunakan gist github

 

Membuat Syntax Highlighter Blogger menggunakan gist github

Kali ini kita akan belajar membuat Syntax higlighter di Blogger menggunakan gist github. Apa sih syntax highlighter itu ? dan kenapa blog kita harus ada fitur syntax higlighter ?


Syntax Highlighter adalah fitur dari beberapa teks editor untuk menampilkan teks (Terutama Source Code) dalam berbagai warna, font sesuai dengan istlah kategori. Fitur Syntax Highlighter mempermudah penggunanya di dalam menulis bahasa yang terstruktur seperti bahasa pemrograman atau bahasa markup.


Sehingga dengan adanya syntax highlighter ini mempermudah para pengunjung blog untuk bisa mengikuti tutorial yang berkaitan dengan code program seperti contohnya blog saya ini. Lantas bagaimana cara untuk membuat syntax higlighter menggunakan github gist ?


Cara Membuat Syntax Highlighter 

Untuk melanjutkan tutorial kali ini, saya harap para pembaca sudah memiliki akun github terlebih dahulu. Jika anda belum memiliki, silahkan mendaftarkan akun anda di website resmi Github. Jika sudah memiiliki akun github kita lanjut caranya sebagai berikut.
  1. Silahkan login ke Gist Github.
  2. Masuk menggunakan akun github
  3. Pilih new gist
  4. Isi bagian Deskripsi dan Nama Filenya.
  5. Masukkan kode yang akan disemat
    Membuat Syntax Highlighter Blogger menggunakan gist github

  6. Lalu pilih create public gist
  7. Syntax Highlighter ini akan otomatis mendeteksi ekstensi file yang dimasukkan sebelumnya.

Kamu sudah berhasil membuat syntax highlitter menggunakan gist github. Jangan lupa untuk memberi nama extension pada kolom nama seperti contoh saya svg.html. Gist github otomatis akan regenerate menjadi bahasa HTML. dan rubah Private Gist menjadi Public Gist.

Cara Menampilkan Syntax di Blogger

Setelah kamu berhasil membuat silahkan copy script embed gist github yang ada di pojok kanan seperti gambar dibawah ini :
Membuat Syntax Highlighter Blogger menggunakan gist github

Setelah itu masuk ke blogger. buat artikel baru dan masukan embed script tadi di mode HTML dan hasilnya seperti dibawah ini

Itulah cara membuat syntax higlighter menggunakan gist github. Jika ada pertanyaan maupun kritik dan saran yang membangun untuk blog ini silahkan kirim di komentar.
Nanda Krisbianto
Nanda Krisbianto Industri & Software Engineer, Penulis, Pebisnis muda.

Post a Comment for "Membuat Syntax Highlighter Blogger menggunakan gist github"