Postingan

Cara menulis snippet code di blogger

Blogger adalah CMS untuk menerbitkan konten di blogspot, bagi siapapun yang bekerja di bidang penerbitan artikel pasti sudah tidak asing dengan istilah markdown (baca selengkapnya: Markdown History)

sebagaimana dengan markdown anda dapat mengutip preformated text menjadi kode sebuah syntax bahasa tertentu dengan cara mengapit nya menggunakan backtick (baik single maupun double atau triple untuk multi line), backtick dinotasikan dengan simbol (`) yaitu tombol dibawah escape (untuk keyboard layout US-pada umumnya)

langsung saja alat yang kita butuhkan adalah highlightjs, anda cukup melakukan embed:

  • stylesheet
  • script
kedalam element head pada template blogspot anda (baca selengkapnya: Cara Kostumisasi Template Blogspot), berikut adalah snippet yang perlu anda embed kedalam template anda:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
Kemudian pada bagian penulisan artikel silahkan ketik:
<pre><code class="[supported-lang]">[content]</code><pre>
  • [supported-lang] silahkan lihat di halaman dokumentasi
  • sedangkan [content] silahkan isi dengan snippet code anda
  • jangan lupa pindah mode HTML view untuk merapikan dan menyesuaikan dengan Compose View
debug hati

Posting Komentar

NextGen Digital Welcome to WhatsApp chat
Howdy! How can we help you today?
Type here...