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.

---

Luangkan sejenak: Demikianlah artikel tentang Membuat Code Highlighter Ala Ngeposta (Simple Mode) diatas, semoga bermanfaat untuk sobat dimanapun berada.

---

Artikel Terpopuler :

1. CUG 10k Gratis Nlp & SMS
2. CUG 20k Gratis Nlp & SMS (Corpo)
3. CUG 20k Gratis Nlp & SMS + 512MB
4. CUG 20k Data
5. CUG 35k Data
6. CUG 40k Nlp + Data