Membuat SyntaxHightlighter Pada Blogspot

Pada kesempatan ini, saya akan mencoba membuat SyntaxHighlighter (versi 3.0.83) pada blog di blogspot saya. Berdasarkan pengalaman saya langkah-langkah membuatnya adalah sebagai berikut :

1. Ubah Template website kita menjadi template selain dinamis karena sebelumnya saya menggunakan template dinamis. Namun SyntaxHighlighter-nya tidak berjalan. Jadi saya pilih yang kategori sederhana.

2. Setelah template diubah, maka klik tombol Edit HTML

3. Setelah itu, akan muncul source code html blog kita. Cari bagian head tepatnya sebelum baris tag </head>, tambahkan script berikut :

4. Setelah itu klik tombol Simpan.

5. Pada setiap post yang ingin menggunakan SyntaxHighlighter, gunakan tag <pre /> seperti contoh sebagai berikut :

Private Sub Button1_Click(sender As System.Object, e As System.EventArgs) Handles Button1.Click
    MessageBox.Show("Hello World !", "Info", MessageBoxButtons.OK, MessageBoxIcon.Information)
End Sub

Menghasilkan :

Private Sub Button1_Click(sender As System.Object, e As System.EventArgs) Handles Button1.Click
    MessageBox.Show("Hello World !", "Info", MessageBoxButtons.OK, MessageBoxIcon.Information)
End Sub

Untuk jenis brush-nya, silahkan kunjungi link ini.

6. Selesai.