Cara Membuat Syntax Highlighter Untuk Kotak Script di Blogger

Cara membuat syntax highlighter untuk kotak script di blogger mas rinaldo
Cara Membuat Syntax Highlighter Untuk Kotak Script di Blogger - Bahasa Syntax Highlighter ini mungkin akan susah disebut atau bingung bahasa sebutnya apa. Termasuk Mas Rinaldo awal mengenal Blogger dan ingin membuat Syntax Highlighter ini bingung apa namanya dan saya hanya mengerti kolom atau kotak untuk khusus script di blogger.

Syntax Highlighter ini bertujuan untuk memudahkan pengunjung ketika menggunakan bahasa HTML, Javascipt, Jquery dan bahasa script lainnya dengan menampilkan warna yang berbeda-beda untuk setiap script. Meskipun di setiap template memiliki bawaan untuk kotak script di blogger, tetapi tidak sobat harus memberi warna manual di setiap scriptnya. Tentunya itu membuat sobat ribet dan belum lagi kalau membuat script yang banyak.

Seperti ada 1 sampai 5 script penting yang digunakan dalam postingan, karen tidak menggunakan highlighter. sobat harus memberi warna satu persatu script tersebut. Kalau script hanya tidak lebih dari 5 itu masih dikatakan mudah. Tetapi kalau sudah memasukan script dalam postingan dalam jumlah yang banyak lebih dan memiliki jenis script berbeda, mau selesai membuat postingan sampai berapa hari kalau begitu. Maka untuk mempermudah hal tersebut, sobat bisa menggunakan syntax highlighter.

Syntax Highlighter di Blogger

Jika sobat perhatikan setiap Blogger senior untuk dibidang tutorial berhubungan dengan script HTML, pasti menggunakan Syntax Highlighter sendiri yang ditunjukan untuk segala kalangan Blogger termasuk Blogger pemula agar dapat membedakan jenis script yang diberikan. Karena tampilan akan berubah menjadi seperti menggunakan Sublime Text atau sejenisnya.

1. Langkah Memasang Kotak Script atau Syntax Highlighter di Blog

  • Login ke akun Blogger
  • Masuk ke Tema dan Edit HTML
  • Perhatikan tabel dibawah ini terdapat 3 menu, yaitu HTML - CSS - JS dan cobalah klik satu per satu setiap menu.
See the Pen syntaxhighlighter by William Rinaldo (@masrinaldo) on CodePen.
Source code : https://www.arlinadzgn.com/2018/06/cara-memasang-syntax-highlighter-di-blogger.html 
  • Copy semua Script di Menu CSS dan paste kode tersebut sebelum </head> atau /head 
  • Copy semua script di Menu JS dan Paste kode tersebut diatas </body> atau /body untuk menambahkan fungsi Hight Light Double click.
  • Klik Simpan Tema 

Selanjutnya sobat sudah bisa langsung menggunakan Syntax Highlighter tersebut pada postingan dengan memasukan kode berikut di Mode HTML:

<pre><code>Masukan script disini</pre></code>

Ganti kalimat berwarna merah tersebut dengan kode atau script yang ingin ditampilkan menggunakan syntax highlighter.

Demikian artikel mengenai "Cara Membuat Syntax Highlighter Untuk Kotak Script di Blogger" semoga dapat membantu sobat untuk meningkatkan kenyamanan pengunjung yang mengikuti tutorial dari sobat menggunakan Syntax Highlighter tersebut.

Artikel Terkait

0Comments

Previous Post Next Post