Memasang Syntax Highlighter 3.0.83 Otomatis di Blogger

Memasang Syntax Highlighter 3.0.83 Otomatis di Blogger - Selamat datang blogger selamat membaca artikel saya kali ini yang membahas 'Bagai Mana Cara Memasang Syntax Highlighter 3.0.83 Otomatis di Blogger' Seperti kita ketahui sebelum para blogger ingin menulis sebuah postingan yang mengacu pada konten tutorial, Dan dalam tutorial tersebut sobat bloger di haruskan mencantumkan syntax code entah itu code html,css,php,java dan masih banyak lagi.

Memasang Syntax Highlighter 3.0.83

Nah di sinilah fungsi Syntax Highlighter akan bekerja, Dan menentukan jenis script code penulisan yang berlaku agar lebih rapi dan enak di pandang tentunya hehe..?

Lanjut ke tutorialnya pemasangan pada blogger

1. Pastikan sudah Login ke Akun Blogger sobat.

2. Back Up dulu Template sobat agar bisa dikembalikan seperti semula jika ada kesalahan

3. Masuk ke Dashboard kemudian pilih Template > Edit HTML

4. Cari Kode (</head>)  (ctrl+f agar lebih mudah) dan, tempelkan kode dibawah ini tepat diatasnya.

<!-- Syntax Highlighter 3.0.83 START -->
<b:if cond='data:view.isPost'> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.min.css" rel="stylesheet" type="text/css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeRDark.min.css" rel="stylesheet" type="text/css"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js" type="text/javascript"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushBash.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPerl.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushDelphi.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
SyntaxHighlighter.config.bloggerMode=true;SyntaxHighlighter.all();
//]]> 
</script>
</b:if>
<!-- Syntax Highlighter 3.0.83 END -->

5. Lalu Simpan Tmplate. Untuk penggunaan penulisan code syntax pada setiap postingan sobat cukup menyisipkan kode dinbawah ini :

<pre class="brush: delphi,pas,pascal">isi code sytax

</pre>

Penggunaan systax tipe kode sobat tinggal ganti jenis kode pada Clas Brush.


Jenis Brush code yang suport sobat bisa kunjungi LINK INI.

untuk jenis tema yang mendukung sibat kunjungi LINK INI.

Tinggal tambahkan pada list kode langkah no.4

Sekian dan trimakasih sobat sudah berkunjung semoga bermanfaat, Wasalam :)