cara membuat Text area

Sering kali kita berkunjung ke blog - blog sobat kita dan menemukan text area yang beragam.
Text area juga berfungsi memperapi blog serta bisa mempermudah pengunjung untuk meng - klik text baik itu Link ( yang biasa di pakai untuk tukar link) mau pun sebuah text yang panjang. gw akan membagikan kepada sobat trick membuat text area :

Text Area Biasa
Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.
Untuk membuat text area,  Copy kode di bawah :

<center>
<textarea code="" rows="5" cols="28" name="">
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></center>

Keterangan :

• rows="6", menunjukan tinggi dari text area.

• Cols="28", menunjukan lebar dari text area.

• <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>  Link tukar sobat / text.

untuk merubah ukuran text area, sobat hanya tinggal klik tarik pada bagian sudut kanan bawah text area itu sendiri

Hasilnya akan seperti di bawah ini :

<br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br />
atau bisa juga pakai kode dibawah ini dengan tampilan yang sama

<p align="center"><textarea name="code" rows="5" cols="28" readonly>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></p>

hasilnya  seperti di bawah ini:

<br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br />

Text Area Select Otomatis
nah ini merupakan bentuk lain dari text area itu sendiri....kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.
Untuk kodenya kopi paste di bawah ini :

<div>
<form name="ReX^RooM">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="5" cols="28" onmouseover="this.form.txt.select()" readonly ;>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></p></form></div>

Akan terlihat seperti di bawah ini :

<br /> <br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br /> <br />

Text Area dengan memakai HighLigh

Highlight atau Select All, yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div>

<form name="Select All code">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="5" wrap="VIRTUAL" cols="28" readonly>
</form>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>

</textarea></p>
</div>
<p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"value="Select All">

Contoh hasilnya :

<br /> </form><br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br /> <br />

Related Post:

Tips dan Trick

• Cara mengatasi Foto DP (Display Picture) tidak muncul di kontak bbm
• Merubah background log in - log off pada PC/Laptop tanpa Software
• Cara menghilangkan Conduit pada browser Mozilla Firefox
• Cara BBM lewat PC/Laptop terbaru 2013
• Cara mengganti bahasa subtitle dengan google translater
• Cara mengganti tampilan search engine Google di browser
• Tukar Reviews di Alexa
• Memperbaiki bagian error pada emotion
• daftar link dofollow
• Fungsi dan manfaat backlink
• Cara membuat logo Link exchanges
• Membuat meta tag otomatis
• Menggunakan Google Webmaster Tools
• Menghilangkan Iklan di Flashbanner Flashvortex & 123 Banner
• Upload Flashbanner Flashvortex ke Widgipedia
• Membuat FlashBanner