Membuat Text Area

Text Area, sering digunakan dalam aktivitas blogging kmu. Temen bisa lihat contohnya dibeberapa artikel diblog ni. Link Exchange (banner) pun, menggunakan text area untuk menempatkan kode2 banner kmu.

Apa itu text area? Text area, dari namanya j qt tw, ni digunakan untuk menempatkan text. Soalnya, klo untuk menempatkan gambar, namanya tu gambar area.:D:D:D:D. Muekso puol.

Text Area lebih tepat penggunaanya untuk menempatkan/ menuliskan kode2 HTML. Karena, kode HTML tidak bisa serta-merta dituliskan gitu j di postingan sodara. Jika sekedar dituliskan, maka kode (tulisan) tidak muncul, tetapi kode tersebut akan dianggap perintah, yang kemudian dijalankan sesuai perintah kode tsb.

Bingung? G sah kawatir. Lha ayas sendiri juga bingung...he9. Supaya g bingung, langsung j praktek yuxxxzzz....

Semisal, qt mw menuliskan kode berikut :

<a href="http://easyblogtrick.blogspot.com"><img src="http://i425.photobucket.com/albums/pp335/egobslank/th_banner.jpg"/></a>


Klo tu kode langsung j ditulis di postingan atau di sidebar blog temen, pasti hasilnya akan seperti ini:



Lho kok bisa? Seperti yang sudah dijelaskan diatas, jika kode dituliskan begindang aja, kode akan dijalankan sebagaimana mestinya, misalnya kode untuk banner diatas. Nha, text area berguna untuk menuliskan kode HTML seperti contoh diatas.

Langsung j, untuk membuat text area, gampang buanget. Gunakan kode berikut :

<textarea name="code" cols="40" rows="10"> TEXT ATO KODE YG AKAN MUNCUL </textarea>

Gampang kan? Nilai pada cols bisa diganti, untuk menentukan lebar area, sedangkan rows untk menentukan tinggi text area.

Contoh :
Kode ini :

<a href="://easyblogtrick.blogspot.com"><img src="http://i425.photobucket.com/albums/
pp335/egobslank/th_banner.jpg"/></a>

Untuk dituliskan ke teks area harus seperti ini :

<textarea name="code" cols="40" rows="10"> <a href="://easyblogtrick.blogspot.com"><img src="http://i425.photobucket.com/albums/pp335/egobslank/
th_banner.jpg"/></a>
</textarea>

Maka, jadinya akan seperti ini :

<a href="http://easyblogtrick.blogspot.com"><img src="http://i425.photobucket.com/albums/pp335/egobslank/th_banner.jpg" /></a>

Gimana?? Gampang khan?? Selamat mencoba....