Membuat Syntax Highlighter di Blogger dengan CSS
Membuat Syntax Highlighter di Blogger dengan CSS — Artikel kali tentang cara membuat syntax higlighter di blogger atau blogspot, tapi sebelum memasang Syntax Highlighterpada Blogger sobat atau Website sobat.
Syntax highlighter adalah text editor yang menyoroti penulisan markup kode pada halaman web yang gunanya untuk mempermudah pengunjung blog atau web kalian mengenali keseluruhan kodenya. Umumnya ditemukan pada blog bertema tutorial seperti ruangcoder.com. karena pada blog yang saya kelola ini sering membas tentang tutorial seperti pemrograman, yang dimana kalian sendiri bisa melihatnya dari beberapa postingan yang telah saya buat pada sebelumnya.
Umumnya untuk syntax highlighter dapat membuat huruf menjadi warna-warni seperti tex editor, seperti sublime, visual studio code, dll. Tapi dalam tutorial kali ini dibuat satu warna saja karena hanya dibuat menggunakan CSS. Jika blog kalian bertema tutoral dan sering membagikan source code, maka tidak ada ruginya, membuat syntax highlighter di Blog dengan CSS seperti yang ruangcoder gunakan.
Membuat Syntax Highlighter di Blogger dengan CSS
- Pertama silahkan kalian pergi ke Dashboard Blogger kalian.
- Lalu kalian ke menu Tema dan klik Edit HTML.
- Kemudian kalian cari kode .post-body pre untuk mempermudah mencari gunakan CTRL + F
- Hapus kode .post-body pre ( Jika ada ). jika tidak ada cukup tambahkan saja kode dibawah ini.
Originally published at https://www.ruangcoder.com on June 7, 2020.
