Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog

JIKA kita berbagi kode HTML/Javascrip, tentu kita harus menyertakan kode itu dalam postingan blog. Biar mudah dicopy-paste oleh user, kita bisa membuat kotak (box) kode untuk meletakkan Script HTML/Javascript itu di dalam posting blog.

Caranya, klik mode HTML, lalu masukkan kode berikut ini:

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</div>

Lalu klik lagi mode Compose. Hasilnya akan seperti ini:

Kode Script Anda Di Sini

Anda bisa memodifikasinya sesuai dengan selera, misalnya border dan latar belakang warna (color background). Lihat: Kode warna HTML.

Kode kotak HTML lainnya:

<div align="left">
<textarea cols="70" name="code" rows="6"> 
KODE HTML ANDA DI SINI

</textarea>

Penampakannya:

KODE HTML ANDA DI SINI

Cara mudahnya:
1. Tuntaskan dulu posting Anda di mode Compose.
2. Ketika akan menulis bagian memasukkan kode HTML, lewati dulu, kasih tanda, misalnya "KODE HTML DI SINI".
3. Setelah selesai, klik mode HTML
4. Masukkan kode untuk kotak kode HTML (Replace tulisan "KODE HTML DI SINI" yang dibuat tadi).
5. Klik lagi mode Compose
6. Masukkan kode HTML yang sudah disiapkan ke dalam kotak yang sudah jadi.

Good Luck!