Bedah Website #2: Pasang syntax highlighting di Blogspot - MZAINI30

Sabtu, 18 April 2020

Bedah Website #2: Pasang syntax highlighting di Blogspot

Misalnya saja kita ingin menampilkan kode seperti di bawah ini di Blogspot:

def nama(x):
  print(f'Namaku adalah {x}')

nama('Zen')

# Hasil: Namaku adalah Zen

Bagus kan? Dia jadi kayak ada warnanya gitu di kode yang akan kita tampilkan. Nah, berikut ini adalah cara settingnya:

Pertama, sebelumnya kode </head>, masukkan kode berikut:

<link href='https://mzaini30.js.org/prism/prism.css' rel='stylesheet' type='text/css'/>

Kemudian, sebelumnya kode </body>, masukkan kode berikut:

<script src='https://mzaini30.js.org/prism/prism.js'></script>

Nah terus, kalau mau masukkan kode yang mau dikasih syntax highlight, kodenya seperti ini:

<pre><code class='language-python'>def nama(x):
  print(f'Namaku adalah {x}')

nama('Zen')

# Hasil: Namaku adalah Zen</code></pre>

Yang language-python itu disesuaikan dengan kode yang mau kamu tampilkan. Kalau misalnya, kode HTML yang mau ditampilkan, ganti dengan language-html

Share with your friends

Maskot Pelarang Adblock

Hallo Kak, Perkenalkan saya Zen. Untuk bisa mengakses situs kami, terlebih dahulu matikan atau non-aktifkan ekstensi AdBlock nya yaaa...

Ok , Saya Mengerti