Cara Memasang Syntax Highlighter (Mempercantik Mode Penulisan HTML)

Sahabat king html code dimanapun sobat berada. Kali ini saya mencoba berbagi tips bagai mana Cara Memasang Syntax Highlighter pada halaman posting sobat. Apa si syntax highlighter itu?? Syntax highlighter yaitu mode penulisan HTML dalam postingan sobat. Bagaimanakah caranya memasang syntax highlighter pada blog
sobat?

Syntax Highlighter

Bagi sobat yang ingin memasang syntax highlighter pada postingan sobat sangatlah mudah, dan cara ini sering digunakan untuk berbagi coding html. Apa sih keuntungannya memasang syntax highlighter keuntungannya yaitu mempermudah sahabat blogger lainnya untuk mengkopy Kode HTML, baik itu berupa widget, maupun java script.

Okay mari kita simak cara memasang Syntax Highlighter

• Masuk ke template >> Edit Template >> Edit HTML >> dan Cntrl + F >> Cari </head> >> Lalu pasti kode dibawah ini di atas </head>.

• Kopy kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<!-- SyntaxHighlighter starts -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCoreMDUltra.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.defaults[&#39;auto-links&#39;] = false;
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>
<!-- SyntaxHighlighter End Distribute by Kinghtmlcode --!></b:if>

• Ketika sobat ingin menuliskan Kode HTML yang ingin ditampilkan di blog sobat tinggal ketik script dibawah ini.

<pre class='brush:xml'>
// Letakkan Sumber HTML COde Sobat Disini
</pre>

Note : Silahkan coba sob, jika sobat bingung bagai mana cara pasangnya. Sobat bisa tinggalkan kometar di bawah ini, Terimakasih kunjungan sobat ke www.kinghtmlcode.com