Trik Cara Membuat Text Area Pada Blog

Tips dan Trik Cara Membuat Text Area Pada Blog - Pada artikel sebelumnya mungkin pernah saya bahas tentang Cara Membuat Blogroll Dengan Fungsi Scroll , untuk tutorial singkat yang akan coba kita bahas kali ini kurang lebih memiliki fungsi yang hampir sama dengan tutorial sebelumnya tersebut...

Seperti yang sudah kita bahas sebelumnya fungsi Text area/text box maupun scrollbar bermacam-macam tergantung kebutuhan si pengguna, ada yang memanfaatkannya untuk memperingkas tampilan banner , daftar isi , arsip suatu blog, iklan maupun kumpulan link , selain itu Biasanya text area ini banyak di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya tentunya agar dapat dengan mudah di copy oleh para pengunjung.

untuk anda yang ingin mencobanya cara-nya adalah dengan menggunakan beberapa kode berikut ini dan berikut adalah beberapa kode html yang bisa anda manfaatkan untuk membuat text area....
Text area Biasa tanpa tombol select all

<textarea style="height: 100px; width: 200px;">Masukkan text/kode html disini</textarea>

Ket:
height - Untuk mengatur tinggi kolom dari text area
width - Untuk mengatur lebar kolom dari text area

Text area dengan tombol select all/Highlight All

Masukkan text/kode html anda disini

Untuk membuat text area dengan efek select all seperti diatas Kode yang digunakan adalah sbb:

<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">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 297px;" wrap="VIRTUAL">masukkan text/kode html disini</textarea></div>
</form>
</div>

height: Untuk mengatur tinggi kolom text area
width:   Untuk mengatur lebar kolom text area

Text area dengan fungsi block isi otomatis ketika kolom diklik


Text area dengan fungsi block isi secara otomatis ketika kolom diklik

Sebenarnya hampir sama dengan yang pertama,, yang berbeda hanyalah tulisan yang ada didalamnya akan diblock secara otomatis ketika kita klik kolom tersebut
untuk membuat text area seperti diatas kode yang digunakan adalah sbb:

<textarea cols="25" onclick="this.focus(); this.select();" rows="5">masukkan text/kode html disini </textarea>

Selamat mencoba semoga artikel tentang Cara Membuat Text Area Pada Blog diatas bermanfaat untuk anda                                                             Rating: 4.5