Pernah nggak sih, Kamu ketika mencari artikel tentang pemrograman ngelihat kode program yang ditulis itu sangat rapih dan terlihat seperti kode yang benar-benar dibungkus berbeda dengan paragraf dan kalimat yang ada di artikel di blog tersebut? Waktu Kamu lihat blog seperti itu pernah nggak sih Kamu bertanya-tanya gimana cara ngebuat kode tersebut terlihat menjadi menarik?.
Artikel ini akan membahas cara menulis program di dalam artikel agar terlihat lebih elegan dan rapih ketika ada orang yang kunjungin blog atau website Kamu biar kayak penulisan kode program seperti yang ada di blog Kami ini.
function hello() {
console.log("Halo Semuanya!");
}Begini Caranya!
- Buka Edit HTML pada Theme / Tema Blog Kamu
- Edit Kode Antara tag <head></head> dan sisipkan kode berikut ini ke dalam HTML
- Coba buat satu artikel sebagai contoh menggunakan tampilan HTML
Copy Code berikut dan paste ke dalam tag <head></head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/atom-one-dark.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>Kamu bisa mengubah atom-one-dark.min.css menjadi monokai.min.css atau bisa juga github.min.css sesuai dengan selera tema kode yang kamu mau.
Kamu bisa mencoba kode berikut sebagai contoh percobaan
<pre><code class="language-javascript">
function hello() {
console.log("Hello, Blogger!");
}
</code></pre>
Jika berhasil, Kamu bisa merubah class="language-javascript" menjadi bahasa pemrograman lainnya seperti.
- language-html
- language-css
- language-python
- language-kotlin
- dan lainnya
Bagaimana, mudah bukan?
Jika ada pertanyaan lebih lanjut silahkan bergabung dengan komunitas kami di WhatsApp: https://chat.whatsapp.com/EzAfFVsOnsr3H6t0gwLTJK dan Telegram: https://t.me/renewablehacking
Instagram Kami:
إرسال تعليق