Membuat Text Area Paling Keren 3

Text Area atau Form tempat menyimpan kode sangat beragam modelnya.

Salah satu Text Area yang mungkin bisa menjadi salah satu pilihan buat Anda

adalah seperti yang ada pada tutorial kali ini.

Lihatlah contohnya sebagai berikut :

MODEL 1 (SATU) :

www.syamsudinnamaku.blogspot.com

Text Area atau Form tempat menyimpan kode sangat beragam<br /> modelnya. Salah satu Text Area yang mungkin bisa menjadi<br /> salah satu pilihan buat Anda adalah seperti yang ada<br /> pada tutorial kali ini.

MODEL 2 (DUA) :

Text Area atau Form tempat menyimpan kode sangat beragam<br /> modelnya. Salah satu Text Area yang mungkin bisa menjadi<br /> salah satu pilihan buat Anda adalah seperti yang ada<br /> pada tutorial kali ini.

www.syamsudinnamaku.blogspot.com

Untuk membuat text area ini, caranya adalah :

Masukkan kode-kode berikut ke dalam postingan Anda untuk menempatkan

kode-kode HTML, Script dan lain sebagainya.

KODE UNTUK MODEL 1 (SATU) :

<form name="copy">
<div align="center">
<input onclick="javascript:
this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<div class="codebox">
<div class="codebox2">
<div style="color: blue; text-align: center;">
<span style="font-size: small;">www.syamsudinnamaku.blogspot.com</span></div>
<style type="text/css">
 .codebox{ border: 2px solid #9900FF;   
-moz-border-radius-topleft:10px;   
-moz-border-radius-topright:10px;   
-moz-border-radius-bottomleft:10px;   
-moz-border-radius-bottomright:10px;   
background:#00FFFF; padding:20px;} 
</style>
<textarea cols="90%" dir="ltr" name="txt" rows="8px" style="width: 100%;">TEXT ANDA DI SINI</textarea></div>
</div>
</form>

KODE UNTUK MODEL 2 (DUA) :

<form name="copy">
<div align="center">
<input onclick="javascript:
this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<div class="codebox">
<div class="codebox2">
<style type="text/css">
 .codebox{ border: 2px solid #9900FF;   
-moz-border-radius-topleft:10px;   
-moz-border-radius-topright:10px;   
-moz-border-radius-bottomleft:10px;   
-moz-border-radius-bottomright:10px;   
background:#00FFFF; padding:20px;} 
</style>
<textarea cols="90%" dir="ltr" name="txt" rows="8px" style="width: 100%;">TEXT ANDA DI SINI</textarea></div>
<div style="color: blue; text-align: center;">
<span style="font-size: small;">www.syamsudinnamaku.blogspot.com</span></div>
</div>
</form>

KETERANGAN :

Gantilah URL blog ini dengan url nama blog Anda.

Masukkan teks atau kode Anda pada tempat yang tersedia.

Gantilah ukuran dan warna border serta warna backgroundnya
dengan ukuran dan warna yang Anda inginkan.

Sesuaikan pula ukuran lebar dan tinggi text areanya dengan kebutuhan Anda.

Selamat mencoba dan tetap good luck!