Cara Membuat Text Area Pada Blog untuk memasukkan kode HTML

Kebanyakan dari kita yang masih awam dengan dunia blog pasti bingung untuk memasukkan kode html di dalam postingan blog. Sudah memasukkan kode tapi tidak ada yang muncul dan malah merubah tampilan postingan sendiri.
selain menggunakan parse, yang saya jelaskan dalam http://www.hanapert.com/2014/11/membuat-kode-html-terbaca-sebagai-teks.html kita bisa menggunakan text area.
cara membuatnya tidak terlalu sulit.
ikuti langkah-langkah dibawah ini:
1. membuat yang seperti ini:
</span><span style="font-family: 'sans-serif, Arial', sans-serif; font-size: 14px; line-height: 28.7999992370605px; text-align: center; color: red; background-color: rgb(243, 243, 241);">ini aku</span><span style="font-family: 'sans-serif, Arial', sans-serif; font-size: 14px; line-height: 28.7999992370605px; text-align: center; background-color: rgb(243, 243, 241);">
caranya adalah: ketik kode berikut <textarea>isi dari teks area</textarea>

2. membuat yang seperti ini

Lalalalalalalalalalallalalaaaaaaalaaguuu iniii

yang ada dalam postingan saya sebelumnya http://www.hanapert.com/2014/11/membuat-scrollbar-unttuk-widget-popular.html
atau http://hanapert.blogspot.com/2011/03/membuat-peta-situs-sitemap-di-blog.html
kopas kode script dibawah ini:
<div align="center">
<textarea name="code" rows="2" cols=35">lalalalalalalalalallalalalguuuuini</textarea></div>


3. membuat text area sekali klik langsung terblok seperti dibawah ini:

klikklikliklik
caranya kalian ketik kode dibawah ini:
<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">kliklikliklik</textarea></div>

4. membuat text area dengan border seperti ini:

haaaaaaaaaaaaai

caranya ketik kode dibawah ini:
<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;">haaaaaaaaaaaaai</textarea></div>


Selamat mencoba, semoga bermanfaat. Terima Kasih telah berkunjung