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.

 merupakan fitur pada sebuah postingan blog atau website Cara Memasang Syntax Highlighter di Postingan Blogger
Lalu Pilih Template >> Kemudian Edit HTML

 merupakan fitur pada sebuah postingan blog atau website Cara Memasang Syntax Highlighter di Postingan Blogger




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

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

menyerupai gambar di bawah.


 merupakan fitur pada sebuah postingan blog atau website Cara Memasang Syntax Highlighter di Postingan Blogger


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.


 merupakan fitur pada sebuah postingan blog atau website Cara Memasang Syntax Highlighter di Postingan Blogger

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







Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Cara Memasang Syntax Highlighter Di Postingan Blogger"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close