Membuat Code Highlighter

Membuat Code Highlighter (Simple Mode) - Hello kawan! Pada kesempatan kali ini saya ingin share sebuah tutorial sederhana dan mudah untuk di pahami yaitu tutorial tentang caramembuat code highlighter (simple mode).
Fungsi dari code highlighter  ini adalah untuk memperindah tampilan dari barisan code yang kita tuliskan agar tampilannya menarik dan enak di pandang mata.
Langsung saja bagi anda yang berminat untuk membuat code highlighter ala Andyrra (simple mode) ini, silahkan simak dengan baik dan ikuti langkah-langkah berikut ini :
>
1. Masuk ke halaman "Dashboard" dan klik "New Post".
2. Kemudian masuk pada bagian "HTML" pada halaman postingan tersebut.
3. Sisipkan script berikut ini :

<div style="background: #00FFFF; border-bottom: 5px solid #009900; border-left: 5px solid #009900; border-right: 5px solid #009900; border-top: 5px solid #009900; color: white; padding: 5px 5px 5px 10px; text-align: left; text-align: left;"><code>

Tulis code anda di sini!

</code></div>

4. Klik publish/terbitkan postingan, dan lihat hasilnya..

. Note :
  Tampilan atau output yang akan di hasilkan oleh script di atas kurang lebih seperti di bawah ini :

Tulis code anda di sini!