Memasang Syntax Highlighter di Postingan Template LinkMagz

Table of Contents

Pada umumnya, kebanyakan blogger menggunakan Syntax Highlighter untuk menampilkan kode atau skrip kedalam format teks atau tulisan.

Selain dapat menyesuaikan skrip dengan format penulisan yang sebenarnya, Snytax Highlighter juga dapat membuat tulisan menjadi rapi dan menarik.

Dalam artikel ini akan dijelaskan tentang syntax highlighter yang tidak bisa digunakan di template linkmagz. Karena ada beberapa skrip yang tidak cocok yang digunakan di template tersebut.

Pada umumnya, tampilan skrip atau kode postingan template linkmagz terlihat sangat sederhana. Untuk mengatasi masalah tersebut saya akan membagikan skrip khusus syntax highlighter yang bisa digunakan di template linkmagz.

Untuk penerapannya, simak langkah-langkahnya dibawah ini.

• Masuk menu Blogger
• Pilih menu Tema
• Klik Edit HTML
• Hapus semua kode .post-body pre dan .post-body code
• Pastekan diatas ]]></b:skin>

.post-body pre {background-color:#0c1c2e;border-left:5px solid #279fd3;padding:0; margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;position:relative;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
.post-body pre code {color:#bfbf90;font-size:12px;max-height:250px;line-height:1.5em;display:block;background:none;border:none;padding:10px 15px;font-family:'source code pro', menlo,consolas, monaco, monospace;white-space:pre-wrap;overflow:auto;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}

• Jika sudah simpan

Catatan:

1. Hapus kode .post-body pre dan .post-body pre code

2. Gunakan format penulisan sebagai berikut:

<pre><code>...</code></pre>

3. Atur tampilan sesuai keinginan Anda.

Baiklah sobat. Itulah cara memasang Syntax Highlighter di postingan template linkmagz. Semoga bermanfaat.