Ahmad Susanto - Bagi sobat yang suka share kode PHP / JS, Dan ingin menampilkannya dengan tampilan yang berveda dengan sorotan kodenya seperti gambar di atas, Saya akan share caranya disini untuk Nextwapblog, Meski sudah banyak di google tapi beberapa orang masih bingung dan pada nanya sama saya jadi saya share aja biar greget.
Baca Juga : Membuat Tombol Balas Di Komentar Blog Nextwapblog.
Langsung saja guys:
- Masuk Ke Dasbor => Tema => CSS Editor
- Masukkan kode CSS ini:
[Tampilkan Kode] - Lalu masuk ke Dasbor => Tema => Template Editor => header.html
- Masukkan Kode Ini di atas kode </head>:
<script src='https://cdn.rawgit.com/NegeriMakmur/js/master/syntax-highlighter.js'></script> <script>hljs.initHighlightingOnLoad();</script>
- Lalu Simpan gan.
Untuk menampilkan kode syntax highlightnya gunakan kode berikut saat posting:
<code><pre>Ingat...!!!Pastikan anda sudah men encode Kode yang ingin anda tampilkan, Silahkan baca artikel saya tentang ini.
Kode Anda Disini
</code></pre>
Baca Juga : Cara posting kode html di luar textarea di NextWapblog.
Demo.?? Anda lihat kode di postingan ini, Namun saya menambahkan kode "Blockquote" Agar terlihat rapi .
Terimakasih Telah Membaca Artikel ini, Jika ini tidak membantu masalah anda, Cobalah untuk bertanya, Mungkin saya bisa membantu masalah anda
Posting Komentar untuk "Cara Posting Kode Syntax Highlight Di blog"