Cara Membuat Text Area Pada Blogger

Oleh Rafid Aslam

1 Juli 2014

Text area biasanya digunakan pada website penyebar backlink gratisan, dan juga dipakai oleh blogger untuk postnya pada tutorial blogger dan di dalam text area tersebut tersimpan kode html. Tag <textarea> sudah compatible dengan semua browser masa kini, jadi bisa ditampilkan di semua browser. Para blogger biasanya sangat jarang menggunakan text area ini karena saat kodenya terlalu banyak akan ada scroll, jadi semua kode tidak terlihat.

Cara membuat text area biasa

TEXT AREA BIASA

<div align="center">
<textarea name="code" rows="2" cols=35" readonly="">TEXT AREA BIASA</textarea></div>

Cara membuat text area terblok semua saat dilewati mouse

TEXT AREA TERBLOK SEMUA SAAT DILEWATI MOUSE

<div>
<form>
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;" readonly="">TEXT AREA TERBLOK SEMUA SAAT DILEWATI MOUSE</textarea></div>
</form>
</div>

 

Cara membuat text area terblok semua saat diklik

TEXT AREA TERBLOK SEMUA SAAT DIKLIK

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">TEXT AREA TERBLOK SEMUA SAAT DIKLIK</textarea></div>

Cara membuat text area dengan tombol Select All

TEXT AREA DENGAN TOMBOL SELECT ALL

<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><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">TEXT AREA DENGAN TOMBOL SELECT ALL</textarea></p></div></form> 

Keterangan:

• Tulisan yang distabilo KUNING bisa diganti dengan tulisan yang ingin ditampilkan di dalam text area
• Tulisan yang distabilo hijau bisa dihapus agar tulisan di dalam text area bisa dihapus
• Select all bisa di ganti dengan tulisan yang lain

Sekarang sudah bisa membuat text area kan??, semoga bermanfaat bagi anda.

Tag : Tips Blogger

Bagikan :

Tweet