Ini dia ModeL text area Yang paling Gw suka dan yg ini paling sering saya gunakan. Text Area atau Form tempat menyimpan kode sangat be...
Ini dia ModeL text area Yang paling Gw suka
dan yg ini paling sering saya gunakan.
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 :
Masukkan kode-kode berikut ke dalam postingan
Anda untuk menempatkan kode-kode HTML,
Script dan lain sebagainya.
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.
dan yg ini paling sering saya gunakan.
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) :
MODEL 2 (DUA) :
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!
