Cara Memasang Syntax Highlighter Di Postingan Blogger

Syntax Highlighter merupakan fitur pada sebuah postingan blog atau website. Yang terdiri beberapa teks editor yang berfungsi untuk menampilkan text (baca: Source Code). Dengan kombinasi warna, font. Syntax Highlighter memudahkan programmer untuk menampilkan source code dari aneka macam jenis bahasa pemrograman. Nah, pola Syntax Highlighter menyerupai gambar dibawah. Sangat mempunyai kegunaan sekali bagi kalian yang menshare atau menyebarkan tutorial perihal pemrogramman komputer. Seperti pemrogramman Web ,Java,C++ dan lain-lain. Karna biar pengunjung blog dapat eksklusif meng copy-paste pemrogrammanya tanpa perlu kita mendrag code-code yang disematkan di Syntax Highlighter ini. Umumnya para Blogger sering menyebarkan code-code pemrogramman memakai Syntax Highlighter namun dengan customisasi tampilan yang berbeda-beda tentunya.

Nah Bagaimana  Cara Memasang Syntax Highlighter di Postingan Blogger ?

Pertama-tama masuk ke Dashboard Blogger kalian.


Lalu Pilih Template >> Kemudian Edit HTML

Lalu CTRL+ F dan cari arahan ]]></b:skin>. 

dan masukan code berikut sempurna di bawah arahan  ]]></b:skin> 

menyerupai gambar di bawah.

Untuk memparse arahan  HTML  bisa di sini

Code Syntax Highlighter

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>  <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>  <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushDelphi.js' type='text/javascript'/>  <script language='javascript'>  SyntaxHighlighter.config.bloggerMode = true;  SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';  SyntaxHighlighter.all();  </script>

tempatkan arahan diatas   sempurna di bawah arahan  ]]></b:skin> 

Copy Code Syntax Highlighter diatas sisipkan di kode

<pre class="brush:jfx, brush:javafx, brush:java, brush:php, brush:css, brush:js, brush:html, brush:sql"> //tempatkan source code disini </pre>

 dan kemudian pilih HTML saat kita menciptakan postingan di Blogger.

Setelah dipikir-pikir menggunakan Syntax Highlighter sangat berat dan lambat dikala meload halaman
Nah disini aku akan share alternatif lain dari Syntax Highlighter.

• Baca :Cara Alternatif Menampilkan Source Code di Postingan Blogger

Sumber https://www.okedroid.com/

Share this post