Memanfaatkan SyntaxHighlighter untuk Memposting Source Code di Blogger

Hello semua. Apa kabar? kabar baik kan? alhamdulillah .. :D
Pada postingan kali ini saya ingin share tentang bagaimana memposting sebuah source code agar lebih menarik dengan menggunakan SyntaxHighlighter.
Dengan menggunakan SyntaxHighlighter, kita bisa merubah dari postingan source code seperti ini


    <header>
      <h1>Home</h1>
    </header>
    <nav>
      <p><a href="/">Home</a></p>
      <p><a href="/contact">Contact</a></p>
    </nav>
    <div>    
    </div>
    <footer>
     <p>&copy; Copyright  by Hajar</p>
    </footer>


menjadi seperti ini

 

Home


 Home
 Contact




 © Copyright  by Hajar

lebih bagus kan? :)

oke langsung aja, caranya seperti ini:
1. masuk ke blogger > pilih blogmu > Template > Edit HTML
2. cari tag </head>, caranya tekan ctrl+f untuk search, masukkan </head> terus tekan enter, nanti langsung ketemu. kalo udah ketemu, copy script berikut ini dan paste sebelum tag </head>

sudah selesai. Gampang kan? :D
eit, ada yang kelupaan, cara postingnya kan belum. hehe.
cara postingnya, kita tulis source code di antara

 source code kita di sini 

di bagian class="brush:html", kita bisa ubah html sesuai source code kita, misal seperti: cpp, csharp, css, java, jscript, python, ruby, sql, vb, xml, html. jadi nanti beda bahasa beda warna. :)

untuk pengaturan yang lebih detail silahkan kunjungi situs resminya di sini.

Udah dulu ya.
Semoga bermanfaat.
Kritik dan saran monggo .. :)

Salam,
Ahmad Hajar