Memasang Syntax Highlighter di Blog

Syntax highlighter adalah alat yang memudahkan pengunjung untuk melihat kode/bahasa pemrograman yang kita tulis. Dengan Syntax Highlighter ini juga dapat memperindah kode yang kita tulis. Kali ini saya akan berbagi cara untuk memperindah kode dalam artikel Anda. Baiklah, langsung saja kita simak cara berikut ini. 

1. Masuk ke blog Anda.

2. Klik menu Template pada sidebar kiri.

3. Klik Edit HTML.

4. Cari kode dibawah ini. Untuk mempermudah gunakan Ctrl+F

]]></b:skin>

5. Paste kode dibawah ini tepat diatas ]]></b:skin>

.code {
          background:#f7f7f7;
          color:#424242;
          width:520px;
          padding:10px 5px 10px;
          border-left:12px solid #CD5A27;
          overflow:auto;
          }

6. Klik Save Template.


Jika ingin menggunakannya, maka klik pada menu HTML pada post editor dan letakkan kodenya diantara tag <pre class="code"> dan </pre> 

<pre class="code">
Tuliskan kode yang ingin ditulis disini
</pre>

Catatan:

• Anda bisa merubah warna background:#f7f7f7 dengan warna lain, seperti grey, yellow, orange, red, dan sebagainya.
• Anda juga bisa merubah warna tulisannya pada color:#424242 dan border-left:#CD5A27dengan warna lain.