Testts
Halo sobat susahtidureborn kali ini saya akan membahas mengenai Prism SyntaxHiglighter Blogger yang sangat keren bagi kamu yang suka berbagi tutorial tentu sudah tidak asing lagi dengan Prism SyntaxHiglighter Blogger yang sering kita jumpa di situs blogger yang pernah kamu kunjungi.
Prism SyntaxHiglighter Blogger sebelum nya dulu saya memakai kode syntax ala igniel karena tampilan nya yang sederhana dan ringan tapi kali ini saya akan membagikan sebuah tutorial cara membuat Prism SyntaxHiglighter Blogger.
Pembuatan Prism SyntaxHiglighter Blogger ini hanya memiliki dua metode pemasangan kode CSS dan kode Javascript silahkan pilih Tema Dark atau Light .
Langkah 1 : Tambahkan CSS
Silahkan pilih tema Dark atau Light sesuai keinginan kalian. Berikut beberapa pilihan link CSS yang bisa kamu pilih dan letakan diatas </head> dibawah ini:
PRISM Light By KangIsmet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kangismet/syntaxhighlighter@main/css/prism/PrismLight.css"> PRISM Default By Lea Verou
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kangismet/syntaxhighlighter@main/css/prism/PrismDefault.css">RDark by DTE:]
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kangismet/syntaxhighlighter@main/css/prism/RDark.css">Langkah 2 : Tambahkan Javascript ini diatas </body>
<script type="text/javascript" src='https://cdn.jsdelivr.net/gh/kangismet/blog-kang-ismet-new/prism.js'></script>Simpan Template.
Cara Pengunaannya
Setiap tipe bahasa mempunyai masing masing kelas nya
HTML, XML, PHP > language-markupCSS > language-cssJavaScript > language-javascript
Detail penulisannya seperti ini:
<pre><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
Tesr