Blog Tips SEO & Website UMKM Lumajang | Akbar Bin

Menambahkan corak pada kode program dengan Prism.js pada Blogger/Blogspot

Diposting oleh: Muhamad Akbar Bin Widayat | Diperbarui: Juni 29, 2025
Berikut adalah tes penulisan kode menggunakan Prism.js. Untuk menuliskan dengan kode ruby menggunakan Prism.js pada Blogger dengan cara sebagai berikut:

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>

3. Menggunakan tag <pre> dan <code> dalam setiap penulisan kode

<pre><code class="language-ruby">
def hello_world
  puts "Hello, world!"
end
hello_world
</code></pre>

Berikut adalah contoh hasilnya:
def hello_world
  puts "Hello, world!"
end
hello_world