Cara memformat cuplikan kode di postingan blogger (2023)
Jika Anda ingin menampilkan cuplikan kode di blog Anda seperti ini:
var edad = 17;
if (edad >= 18) {
print('Es mayor de edad');
} else {
print('Es menor de edad');
}
Anda dapat menggunakan highlight.js . Untuk menambahkannya ke blog Anda, Anda harus mengedit HTML:
Setelah Anda berada di dalam editor HTML, tambahkan baris kode berikutnya:
<link href='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/styles/default.min.css' rel='stylesheet'/>
<script src='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/highlight.min.js'/>
<script>
hljs.configure({cssSelector: "code"});
hljs.highlightAll();
</script>
Kode sebelumnya harus ditambahkan sebelum <head>tag. Periksa gambar berikut:
Sekarang cuplikan kode yang ingin Anda sorot harus berada di dalam tag <pre><code></code></pre>. Jika Anda ingin menulis cuplikan kode sebaris, gunakan tag<code></code>.
Contoh: Kode di awal postingan ini harus ditulis seperti ini ::
<pre><code>
var edad = 17;
if (edad >= 18) {
print('Es mayor de edad');
} else {
print('Es menor de edad');
}
</code></pre>
Ini akan terlihat seperti ini di editor:
Itu semuanya. Terima kasih telah membaca artikel ini. Semoga dapat membantu Anda untuk memperbaiki blog Anda.