Posting Code HTML dengan Tag "pre"

Dalam memposting kode HTML kalau sampeyan menggunakan tag <pre>  ditutup </pre> biasanya secara otomatis jenis font/teks yang akan tampil pada postingan adalah Courier, kelebihan dari tag ini adalah dapat mempertahankan teks HTML yang sampeyan ketik satu baris panjang tanpa ganti baris.

Cara membuat sebagai berikut :

Pastikan sampeyan posting pada mode Edit HTML..! (untuk posting code HTML kode yang akan diposting harus di parse kalau kita bekerja pada mode Edit HTML untuk caranya klik disini !)
Penulisan code pre pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting, </pre>

Hasilnya sebagai berikut :

tulis disini teks atau kode HTML yang akan diposting

Kalau ingin sedikit variasi sampeyan bisa buat kode CSS-nya, dan pasang kode ini diatas

]]></b:skin>

misalkan :

pre {
margin : 25px;
padding : 19px;
clear : both;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgelVWgg59d0Kwme0V3KhqrvIHqrfJQrzqJXJw80z2FsGt3RyxF8B6Y8oCcWjoENkrvYyriy9Qt8UXytffdp2bNIJbkBQQedDch1zEGyh6N4KQ-15Z9OS93Yu7FG62h11mDsNs9p9_X5U4/s800/pre_code3.gif) repeat-y;
width : 85%;
}

Penulisan code perintah pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting </pre>

Hasilnya sebagai berikut :

Semoga bermanfaat