Cara Memasang Syntax Highlighter di Postingan Template LinkMagz

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.

Pada artikel ini saya akan menjelaskan dan berbagi tentang syntax highlighter yang tidak bisa digunakan di template linkmagz, sebab ada beberapa skrip yang tidak cocok yang digunakan pada template tersebut.

Karena pada umumnya, tampilan skrip atau kode postingan pada template linkmagz terlihat sangat sederhana. Dan, untuk mengatasi masalah tersebut saya akan berbagi skrip khusus syntax highlighter yang bisa digunakan pada emplate tersebut. 

Untuk penerapannya sebagai berikut:

• Masuk menu Blogger
• Pilih Tema > Edit HTML
• Hapus semua kode .post-body pre dan .post-body code
• Pastekan di atas ]]></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:

• Hapus kode .post-body pre dan .post-body pre code
• Gunakan format penulisan sebagai berikut:

<pre><code>Masukkan skrip di sini</code></pre>

• Atur tampilan sesuai keinginan Anda.

Penutup

Itulah cara memasang Syntax Highlighter di postingan template blogger Linkmagz.

Tweet