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 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

Copy All 

Border Warna-Warni 

Style 3 Dimensi 

Background 

Border Dotted 

Style Border Dhased 

Border Style 

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