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.
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:#CD5A27 dengan warna lain.
- Ada masalah dengan warna? Kunjungi Hasbi Color Generator
Baiklah, sekian Memasang Syntax Highlighter di Blog dari saya, semoga bisa bermanfaat.
