Google Code Prettify untuk Blogger
owin
---
Menambahkan Syntax Highlighter ke Blogger kita, akan membuat kode kita lebih indah dan spesifik untuk dilihat. Sobat dapat menggunakan metode ini untuk menyorot HTML, CSS, JavaScript, PHP, Python, C, C++, Java, XML dan banyak kode pemograman lainnya dengan menggunakan Code Prettify.
Mengapa kita memilih code prettify:
- Code Prettify dibangun oleh Google.
- Mudah Digunakan.
- Lebih cepat di muat dari sintax Highlighter lainnya.
- Responsif.
- Memiliki banyak pilihan tema.
Cara menambahkan Sintax Highlighter ke Blogger
1. Instal Google Code Prettify JavaScript:
Masuk ke laman dashboard blogger, pilih menu tema, kemudian pilih tombol Edit HTML. Tambahkan kode skrip berikut sebelum <body> tag.
<script src="https://cdn.rawgit.com/solvedia/syntax-highlighter/165d375b/runprettify.js"></script>
2. Pasang Tema Syntax Highlighter:
Selanjutnya, sobat harus menginstal Tema Syntax Highlighter. Atau Cukup kunjungi Prettify Themes Gallery. Pilih salah satu temanya, salin CSS dan pastekan sebelum tag ]]></b:skin> pada tema Blogger sobat.
3. Menggunakan Sintax Highlighter saat mengepost:
Setelah menyimpan template, sobat sudah bisa menggunakan sintax Highlighter pada blogger sobat. Salin kode berikut dan tempelkan ke tempat yang ingin sobat tampilkan. Jika sobat ingin membuat posting kemudian aktifkan tulisan ke mode HTML dan letakkan kode sobat untuk disorot sesuai contoh di bawah ini.
<pre class="prettyprint">DISINI KODENYA</pre>
Kode di atas contoh untuk HTML. jika sobat ingin menggunakan sintax highlighter untuk gaya atau bahasa tertentu, Caranya cukup mengganti language-html dengan nilai bahasanya yang diinginkan.
Jika Artikel ini bermanfaat atau sobat mengalami kesulitan dalam menambahkan Google Code Prettify, silahkan share di kolom komentar. Happy Blogging