Cara Posting Kode HTML di Blog Menggunakan HTML Tag Text Area

Ketika kita memposting kode HTML di blog seringkali mengalami kegagalan.
Untuk itu saya akan membagikan bagaimana memposting kode HTML yang lebih praktis, ringkas dan tak terlalu luas membacanya. Ya saya akan menggunakan HTML Tag "Text Area".
Sebenarnya HTML Tag "Text Area" ini di gunakan untuk memasukan tulisan karakter kedalam Text Area. Tapi tak ada salahnya kita memasukan kode HTML.
Sedikit definisi tentang HTML Tag "Text Area" Adalah sebuah area teks yang dapat menampung jumlah karakter yang tidak terbatas, dan teks merender dalam font fixed-width (biasanya Kurir). Ukuran area teks dapat ditentukan oleh cols dan baris atribut, atau bahkan lebih baik ; melalui CSS ' tinggi dan lebar properti.
Kelebihan  HTML Tag "Text Area" adalah
  • Dapat memperkecil dan memperbesar kotak Text Area agar luasnya bisa diatur
  • Dapat memindahkan posisi Text Area dalam postingan
  • Adanya "Scroll" pada Text Area sehingga tak terlalu luas
  • Adanya perintah "Pilih Semua" untuk memilih semua kode HTML yang akan di Copy Paste.
Berikut inilah caranya agar bisa memposting kode HTML menggunakan HTML Tag "Text Area"
1. Langsung  saja buat entri baru di blog
2. Masukan kode HTML berikut ini pada bagian HTML sebelah Compose

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Masukan tulisan atau kode HTML disini</textarea></div>
</form>
</div>
Hasilnya


4. Setelah itu langsung publikasikan.
5. Selesai.
Semoga Bermanfaat :)

0 komentar:

Post a Comment