Menambahkan corak pada kode program dengan Prism.js pada Blogger/Blogspot
Berikut adalah tes penulisan kode menggunakan Prism.js. Untuk menuliskan dengan kode ruby menggunakan Prism.js pada Blogger dengan cara sebagai berikut:
3. Menggunakan tag <pre> dan <code> dalam setiap penulisan kode
Berikut adalah contoh hasilnya:
1. Menambahkan CSS ke dalam <head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet"/>
2. Menambahkan Javascript Prism.js di akhir sebelum </body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-ruby.min.js"></script>
<pre><code class="language-ruby">
def hello_world
puts "Hello, world!"
end
hello_world
</code></pre>
def hello_world
puts "Hello, world!"
end
hello_world
Komentar
Posting Komentar
terimakasih komentarnya