Cara Membuat Text Area di Blog V.01

>> Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:

<p align="center"><textarea name="code" rows="6" cols="20">Ini adalah sebuah contoh penggunaan teks area, silahkan sobat modifikasi sendiri</textarea></p>

Maka jadinya nanti seperti ini:

Ini adalah sebuah contoh penggunaan teks area, silahkan sobat modifikasi sendiri

Selain model text area di atas, ada juga text area dengan model lain. Yaitu teks area yang memakai tombol Highlight dan dengan tombol ini maka akan lebih mempermudah pengunjung yang ingin mengcopy kode dalam text area tersebut karena hanya dengan sekali klik saja. Untuk membuatnya cukup mudah dan berikut cara membuat teks area dengan tombol highlight:

>> Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Ini adalah sebuah contoh penggunaan teks area yang memakai tombol highlight, silahkan sobat modifikasi sendiri</textarea></p></div></form>

So jadinya nanti seperti ini:

Ini adalah sebuah contoh penggunaan teks area yang memakai tombol highlight, silahkan sobat modifikasi sendiri

Nah, bagaimana sobat? Mudah kan cara membuatnya..? Sekian posting kali ini mengenai cara membuat text area di blog. Semoga bermanfaat untuk semua..

Posted in: Tutorial Blog