Cara Memasang Syntax Highlighter di Postingan Blogger - Okedroid.com | Belajar Coding Aplikasi Android Java Online
Okedroid.com | Belajar Coding Aplikasi Android Java Online

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.

Cara Memasang Syntax Highlighter di Postingan Blogger
Lalu Pilih Template >> Kemudian Edit HTML

Cara Memasang Syntax Highlighter di Postingan Blogger




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

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

seperti gambar di bawah.


Cara Memasang Syntax Highlighter di Postingan Blogger


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.


Cara Memasang Syntax Highlighter di Postingan Blogger

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






0 Komentar untuk "Cara Memasang Syntax Highlighter di Postingan Blogger"

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini

Back To Top
-->