Cara membuat kotak kode html pada postingan Blog

Berikut cara membuat kotak kode html pada postingan Blog yg saya terapkan..

1. Bikin postingan dulu hingga selesai dgn metode "COMPOSE", untuk penulisan kode html biarkan dulu dan kasi tanda dgn tulisan, misal "UNTUK KODE HTML"
2. jika isi postingan beres, klik HTML pada menu tab kiri atas maka terlihat tulisan2 kode html yg membingungkan. Lalu cari Tulisan yg ditandai tadi (UNTUK KODE HTML) dan ganti dgn kode dibawah ini:

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
KODE HTML KITA DISINI
</div>

Atau bisa pake kode ini juga

 <div align="left">
<textarea cols="70" name="code" rows="6">
KODE HTML KITA DISINI
</textarea></div>

 3. Ganti tulisan "KODE HTML KITA DISINI" dengan kode html yg akan diposting

4. Kemudian klik/pindah ke mode COMPOSE dan jika tdk ada error/berhasil akan terlihat hasilnya

5. Selesai dan lanjut Publikasikan.