Warna otomatis pada box pre code

Daftar Isi

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai fitur warna otomatis pada box pre code dan hanya berfungsi pada template ICloudice v1.53

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Syntax Highlighter

Fitur untuk menampilkan warna otomatis pada box pre code di sebut Syntax Highlighter, fungsi Syntax Highlighter untuk menyoroti setiap kode dengan warna bisa itu kode CSS, HTML, JavaScript dan lain sebagainya, namun hanya khusus pada penggunaan box pre code saja yakni kotak script untuk menampilkan kode yang sudah di parse

Contoh Tampilan

Berikut ini adalah contoh tampilan dari fitur warna otomatis pada kotak script di Template ICloudice v1.53

<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-xxxxxxxx"
     data-ad-slot="xxxxxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Cara penerapan

Untuk menerapkan warna otomatis pada box pre code, kamu bisa salin dan gunakan kode HTML di bawah ini

<pre><code>
<!-- letakkan kodenya disini -->
</code></pre>

Info: Setiap kode yang ingin di tampilkan di dalam box pre code harus di parse terlebih dahulu, silahkan gunakan tools parse HTML dari ICloudice