~ WE WALK IN THE DARK, TO SERVE THE LIGHT ~
Beranda
Blogger

Yuk, bikin blogmu makin kece dengan Prism.js!

Capek ngeliat kode yang bikin mata perih? Saatnya upgrade tampilan blogmu dengan Prism.js! Tutorial lengkap cara pasang highlighter kode.

Capek ngeliat kode yang bikin mata perih? Saatnya bikin blogmu makin kece dengan Prism.js! Library keren ini bakal bikin kode-kode di blogmu jadi lebih gampang dibaca dan bikin mata jadi nyaman. Apalagi kalau pakai mode gelap, dijamin bikin coding jadi lebih asik!

Yuk, bikin blogmu makin kece dengan Prism.js!

Apaan Sih Prism.js itu?

Prism.js itu kayak perias kode gitu. Dia bisa bikin tampilan kode jadi lebih menarik dan jelas. Jadi, pengunjung blogmu bakal lebih gampang ngerti kode-kode keren yang kamu share.

Kenapa Harus Mode Gelap?

Mode gelap itu kayak pakai kacamata hitam di malam hari. Dia bikin mata jadi lebih nyaman dan gak cepat capek. Selain itu, tampilan kode juga jadi lebih kontras dan gampang dibaca.

Cara Pasang Prism.js di Blogger

  • Buka Template: Cari menu Tema di Blogger, terus klik Edit HTML.
  • Cari Tag <head>: Cari tag ini, soalnya kita bakal nambahin kode di sini.
  • Paste Kode CSS dibawah penutup <head>;, tempel kode ini:
    • <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-okaidia.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
  • Ganti prism-okaidia.min.css kalau mau pakai tema lain yang lebih kece.

  • Buat postingan dan sisipkan kode ini di postingan kamu:
    • <pre><code class="language-javascript">
// Kode JavaScript-mu di sini
</code></pre>

    NOTES:

  • Ganti language-javascript menjadi:
    • language-javascript: Untuk penggunaan bahasa Javascript.
    language-html: Untuk penggunaan bahasa HTML.
    language-css: Untuk penggunaan bahasa CSS.

    Untuk bahasa lain silahkan Klik Disini

    .
  • Simpan dan Cek: Simpan perubahannya, terus cek blogmu. Dijamin kode-kodenya jadi lebih keren!

    • Rekomendasi Tema Gelap Prism.js

  • prism-okaidia: Cocok buat kamu yang suka warna hijau dan ungu.
  • prism-solarized-dark: Warnanya lembut dan bikin mata nyaman.
  • prism-tomorrow-night: Kontrasnya tinggi, cocok buat yang suka tampilan bold.
  • prism-dracula: Warna merah dan ungu-nya bikin kode jadi lebih dramatis.

    • Tips Tambahan

    Eksperimen: Coba-coba berbagai tema buat cari yang paling cocok.
    Kustomisasi: Kamu bisa ubah-ubah CSS-nya kalau mau tampilan yang lebih unik.
    Update: Pakai versi terbaru Prism.js biar performanya makin kencang.
    Gampang kan? Dengan Prism.js, blogmu bakal jadi tempat belajar coding yang lebih asik. Selamat mencoba!

    DEMO DARK THEME PRISM.js


    Seseorang yang nggak tahu mau ngapain lagi... :) Karena udah di titik tergalau karena cinta selalu di tolak. :(