MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

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


MODEL 2 (DUA) :


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!


0 comments:

Posting Komentar