Cara menambah Syntax Highlighter di Blogspot

Syntax Highlight adalah fitur pada teks editor yang menampilkan atau menyoroti teks-terutama source code-dalam berbagai warna dan font sesuai dengan kategori istilah. Dengan menggunakanSyntaxHighlighter memudahkan dalam menulis source code atau bahasa terstruktur seperti bahasa pemrograman (programming language) atau bahasa markup (markup language). Implementasi dari syntax higlighter pada halaman website, blog atau forum online sering digunakan sebagai kode prensentasi pada contoh code source ( seperti Javascript, HTML, XML, CSS, Python, PHP, JSON, CoffeeScript, Java, SQL, Apache, Haskell, Erlang, Ruby, C++, Objective C dan masih banyak bahasa program lainnya.) yang ingin ditampilkan.

CARA INSTAL SYNTAX HIGHLIGHTER DI BLOG

Untuk mengaktifkan fitur ini dibutuhkan javascript,copy dulu kode javascript di bawah ini dan letakan tepat di atas tag </head> atau bisa juga sebelum tag </body> pada tempelate anda.

<script src="https://problogizjs.googlecode.com/files/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script>

Kalau javascript'nya sudah di pasang, selanjutnya memasang style highlighting CSS nya,Silahkan pilih salah satu style atau tema syntax highlighter di bawah ini sesuai yang anda inginkan. lihat demonya dulu sob,yang mana sekiranya cocok buat blog anda. .Pilih salah satu css di bawah ini,dan pastekan di atas ]]></b:skin> pada tempelate anda. .

1.POJOAQUES TYLE
DEMO POJOAQUE SYNTAX HIGHLIGHTER
CODE CSS :

2.SOLARIZED DRAK STYLE
DEMO SOLARIZED SYNTAX HIGHLIGHTER
CODE CSS :

3.RAINBOW STYLE
DEMO RAINBOW SYNTAX HIGHLIGHTER
CODE CSS :

4.MONOKAI STYLE
DEMO MONOKAI SYNTAX HIGHLIGHTER
CODE CSS :

5.TOMMOROW NIGHT BLUE STYLE
DEMO TOMMOROW NIGHT BLUE SYNTAX HIGHLIGHTER
CODE CSS :

6.SUNBURST STYLE
DEMO SUNBURST SYNTAX HIGHLIGHTER
CODE CSS :

Kalau sudah memasang style atau tema syntax highlighter sesuai yang anda inginkan pada tempelate anda,sekarang save tempelate anda. . ! ! Gunakan markup HTML di bawah ini untuk menggunakan syntax highlighter pada saat anda ingin menampilkan source code, seperti kode CSS, Javascript, dan mark up HTML.pada postingan anda.

Isi Kode Javascript, jQuery atau

Kode CSS atau Kode HTML disini......

</code></pre>