Membuat Text Code Area untuk Posting dan Banner Blog / Web

Text Area adalah area untuk merubah code atau scrip menjadi text biasa dan biasa digunakan oleh para blogger untuk memberikan kode pada posting sehingga kamu dapat memosting tampilan  code-code tanpa mengalami kerepotan tanpa harus mengencode terlebih dahulu, Text area juga sering di gunakan untuk  bertukar link / Link Exchange dan Banner dimana ada sebuah kotak yang didalamnya terdapat tulisan (code). Jadi bisa disimpulkan bahawa Text Area adalah sebuah tempat atau area yang digunakan untuk menyimpan kode atau tulisan didalamnya. Biasanya digunakan untuk menyimpan codeHTML agar bisa dicopy dengan muda oleh para pengunjung blog. Untuk lebih jelasnya lihat contoh text area di bawah ini  

Untuk membuat text area silahkan copy kode dibawah ini :

<div align="center">
<textarea cols="20" name="code" rows="6">

Tulisan atau kode yang akan anda masukkan di Text Area

</textarea>
</div>



sebagai contoh :





keterangan :
rows ='"6" menunjukan tingginya text area yang akan ditampilkan. Jika kamu menginginkan text area yang lebih tinggi silahkan ganti angka 6 dengan angka yang lebih besar.

cols="20" menunjukan lebarnya text area yang akan ditampilkan. Jika kamu menginginkan text area yang lebih lebar lagi silahkan ganti angka 20 dengan angka yang lebih besar juga.

Text Area dengan menggunakan Select All

Text area dengan menggunakan tombol Select All  sangat memudahkan bagi para pengunjung untuk mencopy text yang terdapat didalamnya. Mereka cukup menekan tombol Select All maka seluruh isi dari text area akan terblok. Fasilitas ini sangat mendukung karena ketika semua kode atau tulisan dicopy oleh para pengunjung, akan mengurangi resiko kurangnya atau tertinggal bagian kode yang akan dicopy.

Untuk membuat text area silahkan copy kode dibawah ini :

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" />
</div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 55px; width: 150px;" wrap="VIRTUAL">

Tulisan atau kode yang akan anda masukkan di Text Area

</textarea>
</div>


Sebagai contoh :


Keterangan :
  • &lt;div align="center"&gt; kode ini menunjukan posisi tombol Select All berada diposisi tengah, silahkan kamu ganti dengan posisi yang kamu inginkan misalnya di bagian kiri (left) dan dibagian kanan (right)
  • &lt;input onclick="javascript:this.form.txt.focus();this.form.txt.select();" --&gt; script ini berarti bahwa ketika tombol Select All ditekan maka seluruh isi text area akan ditandai (diblok). sebaiknya jangan diganti biarkan seperti itu.
  • value="Select All" Select All adalah kata yang akan muncul didalam tombol, silahkan kamu ganti dengan kata yang kamu inginkan
  • &lt;div align="center"&gt; kode ini menunjukan isi dari text area berada ditengah
  • style="height: 55px; width: 150px;" kode ini menunjukan tinggi dan lebar text area. height 55px silahkan kamu ganti angka 80px dengan angka yang kamu inginkan. begitu juga denga widht 150px silahkan sesuaikan dengan keinginan kamu.
Semakin mudah untuk berbagi pengetahuan tentang Code - code dengan semua orang jadi jangan ragu untuk memberi pengetahuanmu dengan semua orang. Selamat mencoba 

Posted In: Simpel Life, Updated at: 8:56 AM

Artikel Terkait

Followers