Membuat Code Highlighter Ala Ngeposta (Simple Mode)

Membuat Code Highlighter Ala Ngeposta (Simple Mode) - Hello kawan! Pada kesempatan kali ini saya ingin share sebuah tutorial sederhana dan mudah untuk di pahami yaitu tutorial tentang cara membuat code highlighter ala ngeposta (simple mode). Fungsi dari code highlighter ala ngeposta 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 ngeposta (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: #555; border-left: 5px solid #009900;
padding: 5px 5px 5px 10px; text-align: left; color: white;
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!

Mudah sekali bukan...? Nahh, mungkin cukup sekian dulu postingan tentang cara membuat code highlighter ala ngeposta (simple mode) ini. Semoga bisa bermanfaat bagi anda dan selebihnya saya mohon ma'af atas segala kesalahan yang ada. Salam sejahtera by ngeposta...

Anda sedang membaca Artikel berjudul Membuat Code Highlighter Ala Ngeposta (Simple Mode), dan dengan URL http://kabarkabaru.blogspot.com/2012/10/membuat-code-highlighter-ala-ngeposta.html. Anda boleh membagikan artikel Membuat Code Highlighter Ala Ngeposta (Simple Mode) ini kepada Teman - Teman anda namun jangan lupa mencantumkan link Membuat Code Highlighter Ala Ngeposta (Simple Mode) sebagai Sumbernya.Terima Kasih