Kumpulan Kode Untuk Membuat Teks Area Keren

Kumpulan Kode Untuk Membuat Teks Area Keren -Mungkin teman-teman disini sudah tahu semua tentang teks area dan cara membuatnya,tetapi tujua...

Kumpulan Kode Untuk Membuat Teks Area Keren-Mungkin teman-teman disini sudah tahu semua tentang teks area dan cara membuatnya,tetapi tujuan saya adalah untuk berbagi,kali ini saya ada berbagai macam cara dan style yang bisa sobat gunakan untuk keperluan penyimpanan kode atau script yang panjang,atau untuk menyimpan keperluan yang lainnya sehingga sobat bisa mengurangi ruang space pada postingan blog sobat karena pada kolom teks area menggunakan scroll,untuk cara membuatnya silahkan sobat copy salah satu script di bawah,kemudian cara pemasangannya berada di mode HTML pada postingan baru,berikut kode-kode nya :

 Normal
<textarea name="normal"cols="15"rows="2">ISI TEKS/CODE
Copy All

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" </div> <div align="center"> </div> <p align="center"> <textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda sobat menuliskan scrip sesuka anda sobat

Border Warna-Warni
<textarea name="emsite4" rows="2" cols="15" style="background:#bffaff;color:#FF0000;border- bottom:4px solid #40FF1F;border-right:4px solid #40FF1F;border-top:4px solid #FFE900;border-left:4px solid #FFE900;line- height:1.5em;padding:5px;">ISI TEXT/ KODE

Style 3 Dimensi
<textarea name="emsite7" rows="2" cols="15" style="background:#F9bdd6;color:#FFEFF9;border:5px outset #Ec1255;line- height:1.5em;padding:5px;">ISI TEKS/ KODE

Background
<textarea name="emsite2" rows="2" cols="15" style="background:#305F00;color:#fff;border:2px inset #003c1f;line-height:1.5em;padding:0 7px;"> ISI TEXT/KODE

Border Dotted
<textarea name="emsite6" rows="2" cols="15" style="background:#44b4ff;color:#fff;border:3px dotted #0472e8;line- height:1.5em;padding:5px;">ISI TEXT/ CODE

Style Border Dhased
<textarea name="emsite5" rows="2" cols="15" style="background:#Faffca;color:#000;border:2px #Ffb300 dashed;line- height:1.5em;padding:5px;">ISI TEKS/ KODE

Border Style
<textarea name="emsite3" rows="2" cols="15" style="background:#96e8c2;color:#000;border:1px solid #0f8555;border-left:20px solid #0f8555;line-height:1.5em;padding:5px;">ISI TEXT

Background Gambar

<style> div.pasir{ width: 353px; height: 254px; background: url(https://lh3.googleusercontent.com/-UuhmranprYk/UN9IZQDZvmI/AAAAAAAABFk/d4JlaiPLIzc/s492/pasir.jpg); border: 1px groove gray; } div.misty{ width: 350px; margin: 0px 2px 2px 0px; height: 250px; overflow:auto; background-color: #ffffff; border-top: 1px solid grey; border-right: 3px solid grey; border-bottom: 3px solid grey; border-left: 1px solid grey; opacity:0.5; filter:alpha(opacity=50); } div.misty p{margin: 15px 15px ; color: #000000; } </style><div class="pasir"><div class="misty"> <p>Tulis kode atau atau teks yang ingin anda tampilkan dalam teks area di sini </p></div></div>

abcd

NB:
Jika ada kode yang tidak terapit tag penutup </textarea> setelah tilisan ''TAMBAHKAN KODE / SCRIPT'' silahkan apit sendiri dengan kode </textarea>

contoh sebelum di tambah

<textarea name="emsite2"
rows="2" cols="15"
style="background:#305F00;color:#fff;border:2px
inset #003c1f;line-height:1.5em;padding:0
7px;"> ISI TEXT/KODE 

contoh setelah di tambah

<textarea name="emsite2"
rows="2" cols="15"
style="background:#305F00;color:#fff;border:2px
inset #003c1f;line-height:1.5em;padding:0
7px;"> ISI TEXT/KODE </textarea>

Terimakasih,,semoga bermanfaat