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 modelnya. Salah satu Text Area yang mungkin bisa menjadi salah satu pilihan buat Anda adalah seperti yang ada pada tutorial kali ini.

MODEL 2 (DUA) :

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.

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 #FF0000;   
-moz-border-radius-topleft:10px;   
-moz-border-radius-topright:10px;   
-moz-border-radius-bottomleft:10px;   
-moz-border-radius-bottomright:10px;   
background:#FFFF00; 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!