Cara memasang Syntax/Code HTML, CSS, JavaScript, Php, Python, Sql, xml diblog

|OneszAccess| salam blogger Indonesia, selamat siang, setelah kemarin saya posting tentang cara membuat fans page facebook dan button follow twitter melayang diblog kali ini saya ingin berbagi kepada teman-teman blogger untuk yang suka / sering berhubungan dengan syntax dalam postingannya, apalagi blog yang menyediakan tentang pemrograman pasti akan kesulitan dalam memposting syntax-syntax yang dibutuhkan dalam menyediakan tutorial tersetbut.
Kira-kira nanti hasilnya akan seperti ini:

DEMO

Ok, langkah-langkah untuk membuatnya adalah:

1. Buka akun Blogger> Pilih Template> Edit HTML
2. Backup template Anda untuk menjaga terjadinya kesalahan
3. Lalu cari kode tag ]]></b:skin>  (gunakan ctrl+f untuk pencarian lebih cepat)
4. Setelah ketemu, letakkan code dibawah ini tepat dibawah code ]]></b:skin> 

<!--SYNTAX HIGHLIGHTER BY DB STARTS-->
<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 language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER BY DB ENDS-->

Kemudian Simpan template sobat,
Ok. Setelah itu, untuk melakukan postting syntax maka letakkan code dibawah ini setiap anda ingin berbagi syntax apapun kepada pembaca.

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
Tulis kode disini
</pre>

Demikian Semoga Bermanfaat.
HAVE FUN.

Related Posts:

Tweet