Syntax Highlighting
pada postingan kali ini mimin bakal ngeshare sedikit tutorial cara membuat syntax Highlighting di blogger.
tapi sebelum-nya kita harus memahami pengertian-nya,mimin bakal share sedikit pengertian-nya.berikut adalah pengertian singkat dari Syntax Highlighting.Syntax Highlighting adalah fitur editor teks yang digunakan untuk pemrograman, scripting, atau bahasa markup, seperti HTML. Fitur ini menampilkan teks, terutama kode sumber, dalam berbagai warna dan font sesuai dengan kategori istilah. Fitur ini memfasilitasi penulisan dalam bahasa terstruktur seperti bahasa pemrograman atau bahasa markup karena struktur dan kesalahan sintaks secara visual berbeda. Menyoroti tidak memengaruhi makna teks itu sendiri; ini dimaksudkan hanya untuk pembaca manusia.dan biasanya setiap aplikasi text editor pasti memiliki fitur ini,karena dengan menggunakan SyntaxHighlighter memudahkan kita dalam menulis source.nah itu sedikit pengertian-nya.sekarang kita tinggal kembali ke topik kita cara membuat Syntax Highlighting.
Klik text"185 languages and 91 styles".
Kemudian cari styles yang ingin kalian Pilih pada bagian Styles.
Disini saya memilih style bernama atelier dune dark.
Hafalkan Nama style yang sudah kalian pilih tadi ya.
Cari link JS nya yang bernama highlight.min.js
Copy Linknya kemudian ketikan kode ini.
pada postingan kali ini mimin bakal ngeshare sedikit tutorial cara membuat syntax Highlighting di blogger.
tapi sebelum-nya kita harus memahami pengertian-nya,mimin bakal share sedikit pengertian-nya.berikut adalah pengertian singkat dari Syntax Highlighting.Syntax Highlighting adalah fitur editor teks yang digunakan untuk pemrograman, scripting, atau bahasa markup, seperti HTML. Fitur ini menampilkan teks, terutama kode sumber, dalam berbagai warna dan font sesuai dengan kategori istilah. Fitur ini memfasilitasi penulisan dalam bahasa terstruktur seperti bahasa pemrograman atau bahasa markup karena struktur dan kesalahan sintaks secara visual berbeda. Menyoroti tidak memengaruhi makna teks itu sendiri; ini dimaksudkan hanya untuk pembaca manusia.dan biasanya setiap aplikasi text editor pasti memiliki fitur ini,karena dengan menggunakan SyntaxHighlighter memudahkan kita dalam menulis source.nah itu sedikit pengertian-nya.sekarang kita tinggal kembali ke topik kita cara membuat Syntax Highlighting.
- Langkah 1 Memilih Style Syntax Highlighting
Klik text"185 languages and 91 styles".
Kemudian cari styles yang ingin kalian Pilih pada bagian Styles.
Disini saya memilih style bernama atelier dune dark.
Hafalkan Nama style yang sudah kalian pilih tadi ya.
- Langkah 2 Memberi Kode javascript
Cari link JS nya yang bernama highlight.min.js
Copy Linknya kemudian ketikan kode ini.
<script src='paste link js-nya disini' style='text/javascript' />
- Langkah 3 memberi style css
Copy link css jika kalian sudah menemukannya ,lalu ketikan kode seperti ini .
<link href='link css nya disini' rel='stylesheet' />
Kemudian berikan kode ini juga<script>hljs.initHighlightingOnLoad();</script>
dan letakkan .Dibawah link href tadi .- Langkah 4 Menyatukan Kode-nya
<script src='link nya' style='text/javascript' />
<link href='link css' rel='stylesheet' />
<script>hljs.initHighlightingOnLoad();</script>
- Langkah 5 Memasangkan ke Template
Buka blogger >Tema >Edit HTML
Letakkan dibawah tag <head>.
- Langkah 6 Cara memberi syntax pada artikel
<pre><code>Isi kode disini</code></pre>
Mudah bukan tutorial kali ini tentang cara membuat syntax highlighting pada blog .Contoh Syntax Highlighting:
Sekian dari artikel ini.
jika ada kekurangan dan kesalahan pengetikan saya mohon maaf .
Mau Juga Niru'in Syntax highlighting yang biasa mimin pakai di blog?
Comments
Post a Comment