Kotak Kode HTML di Posting Blog

Cara Membuat Kotak (Kolom) untuk Menyimpan Kode HTML/Javascript di Posting Blog

JIKA membuat posting untuk berbagi kode HTML/Javascript, maka sebaiknya menggunakan Kotak Kode HTML agar kode tersebut mudah dibedakan dengan teks tulisan.

Kotak Kode HTML ini juga bisa digunakan untuk highlight alinea atau membuat "kutipan" (quote).

Ini Kodenya:

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

Penampakannya nanti akan seperti ini:

Kode Script Anda Di Sini

yang sudah diisi kode akan seperti ini

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

Cara menggunakannya:
1. Klik Mode "HTML"
2. Copy & Paste kode tersebut
3. Klik Mode "Compose"
4. Masukkan kode HTML/JavaScript

CATATAN:
Sebaiknya kodenya disimpan atau disiapkan di Notepade untuk dicopas ke kotak kode tersebut. Good Luck!
Warna latar (background) #f2f2f2 dan warna border #ddd; bisa diubah sesuka hati. (Lihat Kode Warna HTML).