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 berbagai jenis bahasa pemrograman. Nah, contoh Syntax Highlighter seperti gambar dibawah. Sangat berguna sekali bagi kalian yang menshare atau berbagi tutorial tentang pemrogramman komputer. Seperti pemrogramman Web ,Java,C++ dan lain-lain. Karna agar pengunjung blog bisa langsung meng copy-paste pemrogrammanya tanpa perlu kita mendrag code-code yang disematkan di Syntax Highlighter ini. Umumnya para Blogger sering berbagi code-code pemrogramman menggunakan 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 kode ]]></b:skin>. 

dan masukan code berikut tepat di bawah kode  ]]></b:skin> 

seperti gambar di bawah.

Untuk memparse kode  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 kode diatas   tepat di bawah kode  ]]></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 lalu pilih HTML saat kita membuat postingan di Blogger.

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

• Baca :Cara Alternatif Menampilkan Source Code di Postingan Blogger

Location:

Share :