Cara Membuat Teks Area

Apa itu teks area?
Teks area merupakan sebuah bingkai yang dibuat untuk menmpung tulisan atau kode-kode HTML yang ingin ditampilkan secara terpisah dari halaman posting tempat menerbitkan sebuah artikel. Biasanya saat kita mengunjungi sebuah blog, kita melihat ada sebuah kotak yang di dalamnya berisikan tulisan atau kode HTML sebuah tutorial blog. Nah, kotak bingkai yang dimaksud itu merupakan teks area. Penggunaan teks area ini biasanya digunakan untuk menempatkan kode HTML tutorial blog, blogroll, dan semacam peringatan atau pemberitahuan kecil dari pemilik blog kepada pengunjungnya.

Bagaimana cara membuat teks area di blog ini ?

Teks area biasa.

Copykan kode HTML di bawah ini.

<p align="center"><textarea name="code" rows="6" cols="20"> tulisan yang akan muncul </textarea></p>

Contoh :

Keterangan :

·         Ganti tulisan “tulisan yang akan muncul” dengan apa yang kita ingin sampaikan.

·         Ganti angka pada rows="6" untuk merubah ukuran tinggi kotak.

·         Ganti angka pada cols="20" untuk merubah ukuran lebar kotak.

Teks area dengan highlight.

Copykan kode HTML di bawah ini.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Klik Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> tulisan yang akan muncul </textarea></p></div></form>

Contoh :

Keterangan :

·         Ganti tulisan “tulisan yang akan muncul” dengan apa yang kita ingin sampaikan.

·         Ganti tulisan “klik semua” untuk menampilkan tulisan pada button di atas kotak teks area.

·         Ganti angka pada WIDTH: 300px untuk merubah ukuran lebar kotak.

·         Ganti angka pada HEIGHT: 144px untuk merubah ukuran tinggi kotak.

·         Ganti tulisan center pada div align="center" untuk merubah posisi button yang terletak di atas kotak teks area.

Semua kode teks area tersebut dapat kita pasangkan baik dalam postingan blog maupun di sidebar blog. Khusus untuk pemasangan di postingan blog, maka kita harus menempatkannya di bagian edit HTML, bukan bagian compose saat kita menulis tulisan yang akan dipublikasikan. 

Bagaimana? Cukup mudah bukan?